We planned to upgrade GitLab and Mattermost to the latest version this Friday morning (early). You may experience some downtime!

style.scss 800 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
#page-content {
    #photos-index, #photos-album {
        .rotate90 {
            img {
                transform: rotate(90deg);
            }
8
        }
9 10 11 12
        .rotate180 {
            img {
                transform: rotate(180deg);
            }
13
        }
14 15 16 17
        .rotate270 {
            img {
                transform: rotate(270deg);
            }
18
        }
19 20 21 22 23 24 25 26 27 28
        .grayscale {
            img {
                filter: grayscale(1);
            }
        }

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

31 32
        h1.section-title {
            padding: 20px 40px 0 40px;
33 34
        }
    }
Tom van Bussel's avatar
Tom van Bussel committed
35
}