style.scss 1.05 KB
Newer Older
1 2 3 4 5 6 7 8
#page-content {
    #photos-index, #photos-album {
        .grayscale {
            img {
                filter: grayscale(1);
            }
        }

Luko van der Maas's avatar
Luko van der Maas committed
9 10 11 12 13 14 15 16 17 18 19 20 21
        .grid-item {
            &.grayscale {
                .overlay {
                    background-color: rgba(88, 88, 88, 0.6);
                }
            }

            @each $rotation in '90' '180' '270' {
                &.rotate#{$rotation}:hover .image  img {
                    -moz-transform: scale(1.05) rotate(#{$rotation}deg);
                    -webkit-transform: scale(1.05) rotate(#{$rotation}deg);
                    transform: scale(1.05) rotate(#{$rotation}deg);
                }
22
            }
23
        }
Tom van Bussel's avatar
Tom van Bussel committed
24

25 26
        h1.section-title {
            padding: 20px 40px 0 40px;
27 28
        }
    }
29 30 31 32 33 34

    .search-form {
        .btn {
            height: 50px;
        }
    }
Tom van Bussel's avatar
Tom van Bussel committed
35
}
Luko van der Maas's avatar
Luko van der Maas committed
36 37 38 39 40 41 42 43

@each $rotation in '90' '180' '270' {
    .rotate#{$rotation} img {
        -moz-transform: rotate(#{$rotation}deg);
        -webkit-transform: rotate(#{$rotation}deg);
        transform: rotate(#{$rotation}deg);
    }
}