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_width: 20px;
$border-margin-right: 15px; $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 { ul.subnav {
padding-left: 0; padding-left: 0;
@ -105,6 +120,7 @@ ul.subnav {
ul.level-two :not(:last-of-type) li { ul.level-two :not(:last-of-type) li {
display: flex; display: flex;
padding-left: 0;
&::before { &::before {
content: " "; content: " ";
width: $border_width; 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);
}