Browse Source

fix: apply background to link instead of li

main
Inhji Y. 8 months ago
parent
commit
7ed0717e10
  1. 31
      assets/css/_navigation.scss

31
assets/css/_navigation.scss

@ -47,21 +47,48 @@ aside.menu {
ul {
li {
@include color-assign(background-color, surface);
padding-left: 2rem;
margin: 0 -2rem 0 -4rem;
a {
@include color-assign(background-color, surface);
display: inline-block;
width: 100%;
padding: 1rem 2rem;
transition: all 0.3s;
text-decoration: none;
&:hover {
@include color-assign(background-color, background);
}
}
}
}
}
aside#sidebar {
position: fixed;
width: $width-sidebar;
height: 100vh;
@include color-assign(background-color, navigation);
ul {
li {
a {
@include color-assign(color, on-navigation);
display: inline-block;
padding: 1rem;
text-decoration: none;
width: 100%;
transition: all 0.3s;
&:hover {
@include color-assign(background-color, primary);
@include color-assign(color, on-primary);
}
}
}
}
}
Loading…
Cancel
Save