}
}
-// Back to top link
-$btt-size: 40px;
-[back-to-top] {
- background-color: var(--color-primary);
- position: fixed;
- bottom: $-m;
- right: $-l;
- padding: 5px 7px;
- cursor: pointer;
- color: #FFF;
- fill: #FFF;
- svg {
- width: math.div($btt-size, 1.5);
- height: math.div($btt-size, 1.5);
- margin-inline-end: 4px;
- }
- width: $btt-size;
- height: $btt-size;
- border-radius: $btt-size;
- transition: all ease-in-out 180ms;
- opacity: 0;
- z-index: 999;
- overflow: hidden;
- &:hover {
- width: $btt-size*3.4;
- opacity: 1 !important;
- }
- .inner {
- width: $btt-size*3.4;
- }
- span {
- position: relative;
- vertical-align: top;
- line-height: 2;
- }
-}
-
.skip-to-content-link {
position: fixed;
top: -52px;