My space on the web https://inhji.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

67 lines
1.0 KiB

nav[role=navigation] {
@include color-assign(background-color, navigation);
line-height: 1.5em;
&:before {
content: '';
position: absolute;
width: 100%;
left: 0;
height: 3px;
@include color-assign(background-color, primary);
}
ul {
display: flex;
margin: 0 1rem;
padding: 0;
white-space: nowrap;
overflow-x: auto;
}
li {
display: inline-block;
}
li:first-child {
font-weight: bold;
}
li {
a {
display: block;
padding: 1rem;
text-decoration: none;
transition: all 0.3s;
@include color-assign(color, on-navigation);
&:hover, &.active {
@include color-assign(background-color, primary);
@include color-assign(color, on-primary);
}
}
}
}
aside.menu {
ul {
li {
@include color-assign(background-color, surface);
padding-left: 2rem;
margin: 0 -2rem 0 -4rem;
a {
display: inline-block;
width: 100%;
padding: 1rem 2rem;
transition: all 0.3s;
text-decoration: none;
&:hover {
@include color-assign(background-color, background);
}
}
}
}
}