1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| .float-container {
| bottom: 2rem;
| right: 2rem;
| z-index: 100;
| position: fixed;
| font-size: 1.6em;
| a {
| display: block;
| text-align: center;
| width: 3rem;
| height: 3rem;
| color: $alt-fg-color;
| background-color: $alt-bg-color;
| font-size: 2rem;
| border-radius: 0.5rem;
| opacity: 50%;
| transition: all 0.25s ease-in;
| &:hover,
| &:focus {
| color: $link-color;
| opacity: 100%;
| @media only screen and (max-width: 768px) {
| color: $alt-fg-color;
| opacity: 50%;
| }
| }
| }
| }
|
|
