@charset 'utf-8';

/*  ========================================================================
    JUICE -> UTILITIES -> MIXINS -> CONTENT
    ========================================================================  */

/**
 * Target an element with a particular breakpoint/media query
 * @param  {string}  $breakpoint  The breakpoint name.
 */
@mixin breakpoint($breakpoint) {
    // Check if the breakpoint key exists in the breakpoints map/array
    @if map-has-key($breakpoints, $breakpoint) {
        // Set the breakpoint
        @media #{map-get($breakpoints, $breakpoint)} {
            // Apply the content
            @content;
        }
    } @else {
        // Show warning message
        @warn 'Breakpoint not found: #{$breakpoint}';
    }
}