Contents

//==================================================================
// HEADER - WIDE
//==================================================================

//------------------------------------------------------------------
// VIEW STYLES
//------------------------------------------------------------------

header {
    @extend %d-flex;
    @extend %justify-content-center;

    &#wide {
        div#header { @extend .container-fluid; }
    }
}

// RESPONSIVE DESIGN:
//
// {sidebar, content, panel} >= 1120px screen width
// {sidebar, content} >= 850px
// {content} <= 849px

// X-Small Devices (portrait phones, <576px)
// Hide Sidebar & Panel
@media all and (max-width: $breakpoint-sm) {

}

// Small Devices (landscape phones, 576px+)
// Hide Sidebar & Panel
@media all and (max-width: $breakpoint-md) {

}

// Medium Devices (tablets, 768px+)
// Hide Panel
@media all and (max-width: $breakpoint-lg) {

}

// Large Devices (laptops, 992px+)
// Show all
@media all and (max-width: $breakpoint-xl) {

}

// Larger Devices (desktops, 1200px+)
// Show all - 2 col possibility
@media all and (max-width: $breakpoint-xxl) {

}

// Largest Devices (larger desktops, 1400px+)
@media all and (min-width: $breakpoint-xxl) {

}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
redeyed-jekyll-theme-0.1.4	_sass/includes/views/_header-wide.scss
redeyed-jekyll-theme-0.1.3	_sass/includes/views/_header-wide.scss