From 92719e5de6a98802b73c206de3ace3d27a6f5c7a Mon Sep 17 00:00:00 2001 From: Eden Kirin Date: Sat, 17 Dec 2022 01:47:49 +0100 Subject: [PATCH] Looks good --- style.scss | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/style.scss b/style.scss index 4f30908..6ed9245 100644 --- a/style.scss +++ b/style.scss @@ -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); -}