Files
lila/ui/lib/css/component/_blindfold-toggle.scss

41 lines
659 B
SCSS

#blindfoldzone {
@extend %flex-center-nowrap;
position: fixed;
bottom: 20px;
inset-inline-end: 6px;
height: 4em;
z-index: $z-above-link-overlay-3;
@include mq-topnav-hidden {
bottom: auto;
top: 0;
left: 50%;
transform: translateX(-50%);
justify-content: center;
z-index: $z-zen-toggle-111;
}
@media (max-width: at-most($xx-small)) {
bottom: 10px;
top: auto;
}
}
#blindfoldtog {
@extend %box-radius;
flex: 0 0 auto;
padding: 0.2em 1em;
opacity: 0.9;
background: $c-bad;
color: $c-over;
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
&:hover {
opacity: 1;
}
}