assets/css/layouts/_container.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

.l-container {
    padding-right: $container--pad-h;
    padding-left: $container--pad-h;

    &--content {
        max-width: $content--width;
        margin-right: auto;
        margin-left: auto;
    }

    &--pad-v {
        padding-top: $container--pad-v;
        padding-bottom: $container--pad-v;
    }

    @media (max-width: map-get($breakpoints, 'sm')) {
        padding-right: $container--pad-h--sm;
        padding-left: $container--pad-h--sm;

        &--pad-v {
            padding-top: $container--pad-v--sm;
            padding-bottom: $container--pad-v--sm;
        }
    }
}