Sha256: 63a593d23f30cdc722fee73bb94b476ac1632bdca2f3adeaad384410ec564b79

Contents?: true

Size: 1.69 KB

Versions: 15

Compression:

Stored size: 1.69 KB

Contents

/* Banner */

#banner {
    @include padding(6em, 0);
    @include vendor('display', 'flex');

    h1 {
        margin-top: -0.125em;
    }

    .content {
        @include vendor('flex-grow', '1');
        @include vendor('flex-shrink', '1');
        width: 50%;
    }

    .image {
        @include vendor('flex-grow', '0');
        @include vendor('flex-shrink', '0');
        display: block;
        margin: 0 0 _size(element-margin) (_size(element-margin) * 2);
        width: 50%;

        img {
            height: 100%;
            -moz-object-fit: cover;
            -webkit-object-fit: cover;
            -ms-object-fit: cover;
            object-fit: cover;
            -moz-object-position: center;
            -webkit-object-position: center;
            -ms-object-position: center;
            object-position: center;
            width: 100%;
        }
    }

    header p {
        text-transform: none !important;
    }

    @include orientation(portrait) {
        @include vendor('flex-direction', 'column-reverse');

        h1 {
            br {
                display: none;
            }
        }

        .content {
            @include vendor('flex-grow', '0');
            @include vendor('flex-shrink', '0');
            width: 100%;
        }

        .image {
            @include vendor('flex-grow', '0');
            @include vendor('flex-shrink', '0');
            margin: 0 0 (_size(element-margin) * 2) 0;
            height: 25em;
            max-height: 50vh;
            min-height: 18em;
            width: 100%;
        }
    }
}

/* Inverted */

section#banner.inverted {
    background-color: transparent !important;
}

Version data entries

15 entries across 15 versions & 1 rubygems

Version Path
jekyll-theme-consulting-0.11.24 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.23 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.22 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.21 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.20 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.19 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.18 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.17 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.15 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.14 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.13 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.12 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.11 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.10 _sass/main/layout/_banner.scss
jekyll-theme-consulting-0.11.9 _sass/main/layout/_banner.scss