Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

css: Use SCSS nesting for `.carousel.carousel-fade .carousel-inner .item`.

This commit is contained in:
SiddharthVarshney 2020-07-18 15:24:07 +05:30 committed by Tim Abbott
parent bfb3e86eab
commit a8c8aae6f5
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
static/styles/portico/landing-page.scss
View File

@ -1292,25 +1292,25 @@ nav {
height: 0; height: 0;
transition: opacity 0.4s ease; transition: opacity 0.4s ease;
visibility: hidden; visibility: hidden;
}
.carousel.carousel-fade .carousel-inner .item.active { &.active {
opacity: 1; opacity: 1;
height: auto; height: auto;
visibility: visible; visibility: visible;
&.left, &.left,
&.right { &.right {
left: 0; left: 0;
opacity: 0; opacity: 0;
z-index: 2; z-index: 2;
}
} }
}
.carousel.carousel-fade .carousel-inner .item.next.left, &.next.left,
.carousel.carousel-fade .carousel-inner .item.prev.right { &.prev.right {
opacity: 1; opacity: 1;
z-index: 1; z-index: 1;
}
} }
.carousel.carousel-fade .carousel-inner .item-inner { .carousel.carousel-fade .carousel-inner .item-inner {