Cubed-CSS/_hero.scss at master · thatcube/Cubed-CSS · GitHub

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
.hero {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    &__body {
        flex-grow: 1;
        flex-shrink: 0;
        padding: 3rem 1.5rem;
    }
    @include at-least(sm) {
        &.md .hero__body {
            padding-bottom: 8rem;
            padding-top: 8rem;
        }
        &.lg .hero__body {
            padding-bottom: 16rem;
            padding-top: 16rem;
        }
        &.xl .hero__body{
            padding-bottom: 24rem;
            padding-top: 24rem;
        }
    }
    &.fullscreen {
        min-width: 100vh;
        & .hero__body {
            align-items: center;
            display: flex;
        }
    }
}