style.scss 597 Bytes
Newer Older
Joost Rijneveld's avatar
Joost Rijneveld committed
1
/* Solving this with dynamic a data attribute (i.e. attr(data-rotation)) does not work, as that's a string. */
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#photos-index, #photos-album {
    .rotate90 {
        img {
            transform: rotate(90deg);
        }
    }
    .rotate180 {
        img {
            transform: rotate(180deg);
        }
    }
    .rotate270 {
        img {
            transform: rotate(270deg);
        }
    }
    .grayscale {
        img {
            filter: grayscale(1);
        }
    }
Tom van Bussel's avatar
Tom van Bussel committed
23

24
25
26
27
28
    .grid-item.grayscale {
        .overlay {
            background-color: rgba(88, 88, 88, 0.6);
        }
    }
Tom van Bussel's avatar
Tom van Bussel committed
29
}