diff --git a/index.html b/index.html
index 12c277e..ce0990a 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
Call Center
diff --git a/style.scss b/style.scss
index 0147671..52def7b 100644
--- a/style.scss
+++ b/style.scss
@@ -42,6 +42,19 @@ $border-margin-right: 15px;
}
}
+@mixin reset-single-item-background($li-background-image) {
+ &:first-of-type:last-of-type {
+ &::before {
+ background-image: $li-background-image;
+ }
+ > a {
+ &::before {
+ background-image: $dot-img;
+ }
+ }
+ }
+}
+
nav.main {
li {
border-bottom: 1px solid $border-color;
@@ -148,18 +161,8 @@ nav.main {
top: -20px; // hardcoded!
}
}
- // single item: just a dot
- &:first-of-type:last-of-type {
- &::before {
- // background-image: none;
- }
- > a {
- &::before {
- background-image: $dot-img;
- }
- }
- }
}
+ @include reset-single-item-background(none);
@include variable-left-border-connector($subnav-indent * 4);
// subnav level 2
@@ -171,29 +174,25 @@ nav.main {
left: $subnav-indent * 4;
}
}
+ @include reset-single-item-background($border-img);
@include variable-left-border-connector($subnav-indent * 7);
// subnav level 3
- > ul {
- li {
- a {
- padding-left: $subnav-indent * 10;
- &::before {
- left: $subnav-indent * 7;
- }
+ > ul li {
+ a {
+ padding-left: $subnav-indent * 10;
+ &::before {
+ left: $subnav-indent * 7;
}
- @include variable-left-border-connector($subnav-indent * 10);
+ }
+ @include reset-single-item-background($border-img);
+ @include variable-left-border-connector($subnav-indent * 10);
- // subnav level 4
- > ul {
- li {
- a {
- padding-left: $subnav-indent * 13;
- &::before {
- left: $subnav-indent * 10;
- }
- }
- }
+ // subnav level 4
+ > ul li a {
+ padding-left: $subnav-indent * 13;
+ &::before {
+ left: $subnav-indent * 10;
}
}
}