demo/src/less/components/header.less


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

// ==========================================================================
// Header
// ==========================================================================

header {
    padding-bottom: @spacing-base;
    text-align: center;

    p {
        margin-bottom: (@spacing-base * 1.5);
    }

    .action {
        display: inline-flex;

        .button .icon {
            flex-shrink: 0;
        }
    }

    @media @mq-md {
        max-width: 400px;
        margin-right: (@spacing-base * 2);
        padding-bottom: (@spacing-base * 2);
        text-align: left;
    }
}