css: Use SCSS nesting for `.carousel-indicators li`.

This commit is contained in:
SiddharthVarshney 2020-07-19 16:06:00 +05:30 committed by Tim Abbott
parent 7af8b7ff6c
commit 7f2c5a7015
1 changed files with 21 additions and 21 deletions

View File

@ -1578,30 +1578,30 @@ nav {
cursor: pointer; cursor: pointer;
background-color: hsl(222, 12%, 66%); background-color: hsl(222, 12%, 66%);
transition: background .1s ease; transition: background .1s ease;
}
.carousel-indicators li::before { &::before {
position: absolute; position: absolute;
top: -10px; top: -10px;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 10px; height: 10px;
content: ""; content: "";
} }
.carousel-indicators li::after { &::after {
position: absolute; position: absolute;
bottom: -10px; bottom: -10px;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
height: 10px; height: 10px;
content: ""; content: "";
} }
.carousel-indicators li.active { &.active {
background-color: hsl(220, 23%, 33%); background-color: hsl(220, 23%, 33%);
}
} }
.portico-landing .testimonials { .portico-landing .testimonials {