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

42 lines
614 B
SCSS

#zenzone {
position: absolute;
display: none;
flex-flow: row nowrap;
align-items: center;
z-index: $z-zen-toggle-111;
body.zenable.zen & {
display: flex;
}
.zen-home {
flex: 0 0 4em;
height: 4em;
padding: 1em 1em;
background: center no-repeat url('../logo/lichess-white.svg');
@include if-light {
background-image: url('../logo/lichess.svg');
}
background-size: 2em;
opacity: 0.5;
&:hover {
opacity: 1;
}
}
}
#zentog {
@extend %box-radius;
flex: 0 0 auto;
padding: 0.2em 1em;
opacity: 0.5;
&:hover {
opacity: 1;
}
}