//  ----------------------------------------------------------------------------
//
//  Nitro UI: Utility Hide
//
//  Utility Hide component for Nitro UI.

//  CONTENTS
//
//      1. Variables
//      2. Import
//      3. Usage
//
//  ----------------------------------------------------------------------------
//  1. Variables
//  ----------------------------------------------------------------------------

$use-utility-hide                   : true !default;

//  ----------------------------------------------------------------------------
//  2. Import
//  ----------------------------------------------------------------------------

@import '../../../core/src/variables';
@import '../../../core/src/mixins';


//  ----------------------------------------------------------------------------
//  6. Usage
//  ----------------------------------------------------------------------------

@if $use-utility-hide {

    .u-hide {
        @include hidden();
    }

    @if $responsive {
        $breakpoint-separator: \@ !default;

        @each $state in mobile, tablet, portable, desktop, tablet-desktop {
            @include media-query(#{$state}) {
                .u-hide#{$breakpoint-separator}#{$state} {
                    @include hidden();
                }
            }
        }
    }
} //END @if