Sha256: 3c34f052e574884a5d6a464c83c7f83a41eebf3277c3b1e4e4405af60a3e9979

Contents?: true

Size: 1.23 KB

Versions: 7

Compression:

Stored size: 1.23 KB

Contents

///
/// Ethereal by HTML5 UP
/// html5up.net | @ajlkn
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
///

/* Panel (Banner) */

$pad: _size(pad);
$pad-small-tb: _size(pad-small-tb);
$pad-small-lr: _size(pad-small-lr);

.panel.banner {
    @include vendor('align-items', 'stretch');

    .content {
        @include padding($pad, $pad);
        @include vendor('display', 'flex');
        @include vendor('flex-direction', 'column');
        @include vendor('justify-content', 'center');
        @include vendor('flex-grow', '0');
        @include vendor('flex-shrink', '0');

        > .actions:last-child {
            margin-bottom: 0;
        }
    }

    .image {
        @include vendor('flex-grow', '0');
        @include vendor('flex-shrink', '0');
        position: relative;

        img {
            @include vendor('object-fit', 'cover');
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }

    &.left {
        @include vendor('flex-direction', 'row');
    }

    &.right {
        @include vendor('flex-direction', 'row-reverse');
    }
}

Version data entries

7 entries across 7 versions & 1 rubygems

Version Path
jekyll-theme-ethereal-0.5.6 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.5 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.4 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.3 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.2 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.1 _sass/main/components/_panel-banner.scss
jekyll-theme-ethereal-0.5.0 _sass/main/components/_panel-banner.scss