mirror of https://github.com/zulip/zulip.git
css: Use SCSS nesting for `.carousel-indicators li`.
This commit is contained in:
parent
7af8b7ff6c
commit
7f2c5a7015
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue