assets/css/scopes/_body.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

@include namespace('body') {
    @include scope(namespace()) {
        > :first-child {
            //margin-top: 0;
        }
    }
}
@include namespace('body') {
    @include scope(namespace()) {
        font-size: 1 / 16 * 18em;

        > :first-child {
            margin-top: 0;
        }

        h1 {
            transform:      translateX(-.06em);
            font-family:    $font-fam--large;
            font-weight:    600;
            text-transform: none;
        }

        img {
            max-width: 100%;
        }

        @include iro-responsive-env(('xs', 'md')) {
            h1 {
                font-size: iro-responsive-set((1.8rem, 3rem));
            }
        }
    }
}