aboutsummaryrefslogtreecommitdiffstats
path: root/demo/src/sass/components/header.scss
blob: 3c2ba67ee649906b62f2d62046dca7bd6429f043 (plain)
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
// ==========================================================================
// Header
// ==========================================================================

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

    h1 span {
        animation: shrinkHide 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 2s forwards;
        display: inline-block;
        font-weight: $font-weight-light;
        opacity: 0.5;
    }

    .call-to-action {
        margin-top: ($spacing-base * 1.5);
    }

    @media only screen and (min-width: $screen-md) {
        margin-right: ($spacing-base * 3);
        max-width: 360px;
        padding-bottom: ($spacing-base * 2);
        text-align: left;

        p:first-of-type {
            @include font-size($font-size-large);
        }
    }
}