index.scss

@use "sass:list";
@use "../config";

@use "aspect-ratio";
@use "background-color";
@use "box-shadow";
@use "box-sizing";
@use "color";
@use "font-family";
@use "font-size";
@use "font-style";
@use "font-variant";
@use "font-weight";
@use "height";
@use "letter-spacing";
@use "line-height";
@use "margin";
@use "max-height";
@use "max-width";
@use "min-height";
@use "min-width";
@use "opacity";
@use "padding";
@use "text-align";
@use "text-decoration";
@use "text-indent";
@use "text-overflow";
@use "text-transform";
@use "vertical-align";
@use "white-space";
@use "width";

$-generators: [];

@mixin with($name) {
  @if list.index($-generators, $name) {
    @content;
  }
}

//
// Manually include each generator and render it for the current selector if it's enabled.
//
@mixin render($generators, $pre: null, $app: null) {
  $-generators: $generators !global;

  @include with("aspect-ratio") { @include aspect-ratio.render($pre, $app); }
  @include with("background-color") { @include background-color.render($pre, $app); }
  @include with("box-shadow") { @include box-shadow.render($pre, $app); }
  @include with("box-sizing") { @include box-sizing.render($pre, $app); }
  @include with("color") { @include color.render($pre, $app); }
  @include with("font-family") { @include font-family.render($pre, $app); }
  @include with("font-size") { @include font-size.render($pre, $app); }
  @include with("font-style") { @include font-style.render($pre, $app); }
  @include with("font-variant") { @include font-variant.render($pre, $app); }
  @include with("font-weight") { @include font-weight.render($pre, $app); }
  @include with("height") { @include height.render($pre, $app); }
  @include with("letter-spacing") { @include letter-spacing.render($pre, $app); }
  @include with("line-height") { @include line-height.render($pre, $app); }
  @include with("margin") { @include margin.render($pre, $app); }
  @include with("max-height") { @include max-height.render($pre, $app); }
  @include with("max-width") { @include max-width.render($pre, $app); }
  @include with("min-height") { @include max-width.render($pre, $app); }
  @include with("min-width") { @include min-width.render($pre, $app); }
  @include with("opacity") { @include opacity.render($pre, $app); }
  @include with("padding") { @include padding.render($pre, $app); }
  @include with("text-align") { @include text-align.render($pre, $app); }
  @include with("text-decoration") { @include text-decoration.render($pre, $app); }
  @include with("text-indent") { @include text-indent.render($pre, $app); }
  @include with("text-overflow") { @include text-overflow.render($pre, $app); }
  @include with("text-transform") { @include text-transform.render($pre, $app); }
  @include with("vertical-align") { @include vertical-align.render($pre, $app); }
  @include with("white-space") { @include white-space.render($pre, $app); }
  @include with("width") { @include width.render($pre, $app); }
}