Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / slideshow.scss
CommitLineData
50bfac9c
MW
1.slideshowContainer {
2 overflow: hidden;
3 position: relative;
8a52619a 4
50bfac9c
MW
5 > ul:not(.slideshowButtonList) > li:not(:first-child) {
6 display: none;
7 }
8a52619a 8
50bfac9c
MW
9 > .slideshowItemList {
10 position: absolute;
8a52619a
TD
11 transition: left 0.8s ease-out;
12
50bfac9c
MW
13 > li.slideshowItem {
14 display: block;
15 float: left;
16 overflow: hidden;
17 position: absolute;
18 top: 0;
8a52619a 19
50bfac9c
MW
20 /* fixes font rendering bug */
21 -webkit-transform: translate3d(0, 0, 0);
22 }
23 }
8a52619a 24
50bfac9c
MW
25 > .slideshowButtonList {
26 position: absolute;
27 right: 0;
28 top: 0;
8a52619a 29
50bfac9c
MW
30 > li {
31 display: inline-block;
8a52619a 32
50bfac9c
MW
33 > a > .icon {
34 color: $wcfButtonBackground;
8a52619a 35
50bfac9c
MW
36 &.active {
37 color: $wcfButtonPrimaryBackground;
38 }
39 }
8a52619a 40
50bfac9c
MW
41 &:hover > a > .icon {
42 color: $wcfButtonPrimaryBackgroundActive;
43 }
44 }
45 }
46}