Intis/sidebar-test-repo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Looks good

Browse Source
This commit is contained in:
Eden Kirin
2022-12-17 01:47:49 +01:00
parent 11ab7022b7
commit 92719e5de6
1 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
style.scss
View File

@ -44,6 +44,21 @@ $dot-img: url("../img/dot.png");
$border_width: 20px;
$border-margin-right: 15px;
ul.level-one li {
padding-left: 16px;
background-color: rgb(242, 242, 168);
}
ul.level-two li {
padding-left: 32px;
background-color: rgb(199, 167, 255);
}
ul.level-three li {
padding-left: 32px;
background-color: rgb(174, 249, 174);
}
ul.subnav {
padding-left: 0;
@ -105,6 +120,7 @@ ul.subnav {
ul.level-two :not(:last-of-type) li {
display: flex;
padding-left: 0;
&::before {
content: " ";
width: $border_width;
@ -115,18 +131,3 @@ ul.subnav {
}
}
}
ul.level-one li {
padding-left: 16px;
background-color: rgb(242, 242, 168);
}
ul.level-two li {
padding-left: 32px;
background-color: rgb(199, 167, 255);
}
ul.level-three li {
padding-left: 0px; // important to keep parent left border in place
background-color: rgb(174, 249, 174);
}