lila/ui/dasher/css/_link.scss
2019-08-20 09:12:40 +02:00

51 lines
832 B
SCSS

#dasher_app {
.links,
.subs {
padding: 5px 0;
}
.links a,
.links button,
.subs .sub {
@extend %nowrap-hidden;
display: block;
padding: .5rem 1rem;
}
.links a::before,
.links button::before {
position: relative;
bottom: .05em;
}
.links a:hover,
.links a:hover::before,
.links button:hover,
.subs .sub:hover {
background: $c-dasher;
color: $c-dasher-over;
opacity: 1;
}
.logout button:hover {
background: $c-error;
}
.links button {
width: 100%;
text-align: left;
border: 0;
background: none;
}
.subs {
border-top: $border;
}
.sub {
&::before {
float: right;
font-size: 80%;
margin-top: .25rem;
color: $c-dasher;
}
&:hover::before {
color: $c-dasher-over;
opacity: 0.9;
}
}
}