_index.scss

/* ==========================================================================
    utilities.columns
    Classes provide a column custom property for use in objects
    or components which can handle columns eg. `object.mesh` and
    `objects.layout`.
/ =========================================================================== */

/**
 * Forward the variables to the parent stylesheet
 */
@forward './variables';

/**
 * Use the settings & tools in this sheet
 */
@use 'sass:list';
@use 'sass:meta';
@use '../../settings/defaults';
@use './variables';
@use '../../tools/responsive';
@use './tools';

/* --------------------------------------------------------------------------
    Module
/ --------------------------------------------------------------------------- */

@include tools.build;

/* --------------------------------------------------------------------------
    Responsive
/ --------------------------------------------------------------------------- */

@if meta.type-of(variables.$in-query) == 'list' {
  @each $query in variables.$in-query {
    @include responsive.mq($query) {
      @include tools.build('#{defaults.$responsive-modifier}#{$query}');
    }
  }
} @else {
  @include responsive.mq(variables.$in-query) {
    @include tools.build(
      '#{defaults.$responsive-modifier}#{variables.$in-query}'
    );
  }
}