Sha256: 263d5613b6f36fd131be1a03bda36d4c1f638e9c85fc515492e48ab052fe3ac5

Contents?: true

Size: 1.79 KB

Versions: 27

Compression:

Stored size: 1.79 KB

Contents

// =============================
// mixins.scss
// =============================
// Useful functions.


// responsivity
// ===============================================
@mixin for-size($size, $width: 1000px) {
   
    // ▼▼▼▼ DO NOT EDIT ▼▼▼▼
    // by resolution
    @if $size == 'hd-up' {
        @media (min-width: 720px) { @content; }
    } @else if $size == 'fhd-up' {
        @media (min-width: 1080px) { @content; }
    } @else if $size == 'qhd-up' {
        @media (min-width: 1440px) { @content; }
    } @else if $size == 'uhd-up' {
        @media (min-width: 2160px) { @content; }
    } 

    // by devices
    @else if $size == 'tablet' {
        @media (max-width: 768px) { @content; }
    }
    @else if $size == 'tablet-up' {
        @media (min-width: 768px) { @content; }
    } 
    @else if $size == 'desktop' {
        @media (min-width: 769px) { @content; }
    } 

    // custom natural breakpoints (project+element-specific)
    @else if $size == 'bp-up'{
        @media (min-width: $width) { @content; }
    }

    // custom natural breakpoints down (project+element-specific)
    @else if $size == 'bp-down'{
        @media (max-width: $width) { @content; }
    }

    // ▲▲▲▲ DO NOT EDIT ▲▲▲▲

    // natural breakpoints (project-specific)
    @else if $size == 'menu-width'{

        @media (max-width: $s-menuWidth) { @content; }        
    }

    @else if $size == 'menu-width-up'{

        @media (min-width: $s-menuWidth) { @content; }        
    }
}

// flexbox
// ===============================================
@mixin flexbox($align: center, $justify: center, $direction: row){

    display: flex;
    align-items: $align;
    justify-content: $justify;
    flex-direction: $direction;
    @content;
}

Version data entries

27 entries across 27 versions & 2 rubygems

Version Path
jekyll-theme-simplex-v2-0.9.8.16 _sass/_mixins.scss
jekyll-theme-simplex-v2-0.9.8.15 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.15 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.14 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.13 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.12 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.11 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.10 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.9 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.8 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.7 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.6 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.5 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.4 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.3 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.2 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8.1 _sass/_mixins.scss
jekyll-theme-simplex-0.9.8 _sass/_mixins.scss
jekyll-theme-simplex-0.9.7 _sass/_mixins.scss
jekyll-theme-simplex-0.9.6 _sass/_mixins.scss