SU-SWS/decanter

View on GitHub
core/src/scss/utilities/mixins/breakpoint/_grid-media-min.scss

Summary

Maintainability
Test Coverage

///
/// Media query of at least the minimum breakpoint width.
/// No query for the smallest breakpoint.
/// Applies to the passed through breakpoint and above.
///
/// @name su-grid-media-min
///
/// @param {breakpoint} $name - The breakpoint key code eg: 'sm'
/// @param {map} $breakpoints - A map of each of the screen breakpoint sizes.
///
/// @group mixin
@mixin grid-media-min($name, $breakpoints: $su-grid-screens) {
  $min: breakpoint-min($name, $breakpoints);
  @if $min {
    @media (min-width: $min) {
      @content;
    }
  }
  @else {
    @content;
  }
}