Contents

// Desktop breakpoint
@mixin on-desktop {
    @media screen and (min-width: $breakpoint-tablet) {
        @content;
    }
}
@mixin on-tablet {
    @media screen and (min-width: $breakpoint-mobile) and (max-width: $breakpoint-tablet) {
        @content;   
    }
}
@mixin on-mobile {
    @media screen and (max-width: $breakpoint-mobile) {
        @content;
    }
}
@mixin not-on-mobile {
    @media screen and (min-width: $breakpoint-mobile) {
        @content;   
    }
}

// Page section mixin
@mixin page-section {
    display: block;
    margin: $spacing-3 auto;
}

// Color function
@function color-for($name) {
    @return map-get($theme-map, $name);
}

// Theme mixin
@mixin with-theme {
    // Set all colors for themes
    @each $theme, $map in $themes {
        // Apply all of the themes
        .#{$theme} &, &.#{$theme} {
            $theme-map: $map !global;
            @content;
            $theme-map: null !global;
        }
    }

    // Apply default theme
    $theme-map: map-get($themes, $default) !global;
    @content;
    $theme-map: null !global;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-theme-peaceful-gates-2.0.0	_sass/jekyll-theme-peaceful-gates/_util.scss