yummacss 3.3.1 → 3.4.0

package/src/utilities/_box-model.scss

@@ -1,290 +0,0 @@
-@use "sass:math";
-@use "sass:map";
-@use "sass:meta";
-@use "../abstracts/variables" as vars;
-@use "../abstracts/mixins/" as mix;
-@use "../utilities/maps/" as maps;
-
-$ycss-box-model-utils: (
-  "box-sizing": (
-    "prefix": "bs",
-    "properties": (
-      "box-sizing",
-    ),
-    "values": (
-      "bb": border-box,
-      "cb": content-box,
-    ),
-  ),
-
-  "dimension": (
-    "prefix": "d",
-    "properties": (
-      "height",
-      "width",
-    ),
-    "values": maps.$ycss-dimension-map,
-  ),
-
-  "max-dimension": (
-    "prefix": "max-d",
-    "properties": (
-      "max-height",
-      "max-width",
-    ),
-    "values": maps.$ycss-dimension-map,
-  ),
-
-  "min-dimension": (
-    "prefix": "min-d",
-    "properties": (
-      "min-height",
-      "min-width",
-    ),
-    "values": maps.$ycss-dimension-map,
-  ),
-
-  "height": (
-    "prefix": "h",
-    "properties": (
-      "height",
-    ),
-    "values": maps.$ycss-height-map,
-  ),
-
-  "max-height": (
-    "prefix": "max-h",
-    "properties": (
-      "max-height",
-    ),
-    "values": maps.$ycss-height-map,
-  ),
-
-  "min-height": (
-    "prefix": "min-h",
-    "properties": (
-      "min-height",
-    ),
-    "values": maps.$ycss-height-map,
-  ),
-
-  "margin": (
-    "prefix": "m",
-    "properties": (
-      "margin",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-block-end": (
-    "prefix": "mbe",
-    "properties": (
-      "margin-block-end",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-block-start": (
-    "prefix": "mbs",
-    "properties": (
-      "margin-block-start",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-bottom": (
-    "prefix": "mb",
-    "properties": (
-      "margin-bottom",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-inline-end": (
-    "prefix": "mie",
-    "properties": (
-      "margin-inline-end",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-inline-start": (
-    "prefix": "mis",
-    "properties": (
-      "margin-inline-start",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-left": (
-    "prefix": "ml",
-    "properties": (
-      "margin-left",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-right": (
-    "prefix": "mr",
-    "properties": (
-      "margin-right",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-top": (
-    "prefix": "mt",
-    "properties": (
-      "margin-top",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-x": (
-    "prefix": "mx",
-    "properties": (
-      "margin-left",
-      "margin-right",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "margin-y": (
-    "prefix": "my",
-    "properties": (
-      "margin-bottom",
-      "margin-top",
-    ),
-    "values": maps.$ycss-margin-map,
-  ),
-
-  "padding": (
-    "prefix": "p",
-    "properties": (
-      "padding",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-block-end": (
-    "prefix": "pbe",
-    "properties": (
-      "padding-block-end",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-block-start": (
-    "prefix": "pbs",
-    "properties": (
-      "padding-block-start",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-bottom": (
-    "prefix": "pb",
-    "properties": (
-      "padding-bottom",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-inline-end": (
-    "prefix": "pie",
-    "properties": (
-      "padding-inline-end",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-inline-start": (
-    "prefix": "pis",
-    "properties": (
-      "padding-inline-start",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-left": (
-    "prefix": "pl",
-    "properties": (
-      "padding-left",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-right": (
-    "prefix": "pr",
-    "properties": (
-      "padding-right",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-top": (
-    "prefix": "pt",
-    "properties": (
-      "padding-top",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-x": (
-    "prefix": "px",
-    "properties": (
-      "padding-left",
-      "padding-right",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "padding-y": (
-    "prefix": "py",
-    "properties": (
-      "padding-bottom",
-      "padding-top",
-    ),
-    "values": maps.$ycss-padding-map,
-  ),
-
-  "width": (
-    "prefix": "w",
-    "properties": (
-      "width",
-    ),
-    "values": maps.$ycss-width-map,
-  ),
-
-  "max-width": (
-    "prefix": "max-w",
-    "properties": (
-      "max-width",
-    ),
-    "values": maps.$ycss-width-map,
-  ),
-
-  "min-width": (
-    "prefix": "min-w",
-    "properties": (
-      "min-width",
-    ),
-    "values": maps.$ycss-width-map,
-  ),
-);
-
-@each $name, $map in $ycss-box-model-utils {
-  $prefix: map.get($map, "prefix");
-  $properties: map.get($map, "properties");
-  $values: map.get($map, "values");
-
-  @if meta.type-of($values) == "map" and map.get($values, "custom") {
-    @include mix.create-spacing-utilities(
-      $prefix,
-      map.get($values, "map"),
-      $properties
-    );
-  } @else {
-    @include mix.create-utilities($map, $prefix, $properties);
-  }
-}

package/src/utilities/_color.scss

@@ -1,85 +0,0 @@
-@use "sass:color";
-@use "sass:map";
-@use "../abstracts/mixins" as mix;
-@use "../abstracts/functions" as fun;
-@use "../abstracts/_theme" as theme;
-
-$ycss-color-utils: (
-  "accent-color": (
-    "prefix": "ac",
-    "property": "accent-color",
-  ),
-
-  "background-color": (
-    "prefix": "bg",
-    "property": "background-color",
-  ),
-
-  "border-color": (
-    "prefix": "bc",
-    "property": "border-color",
-  ),
-
-  "border-bottom-color": (
-    "prefix": "bc-b",
-    "property": "border-bottom-color",
-  ),
-
-  "border-left-color": (
-    "prefix": "bc-l",
-    "property": "border-left-color",
-  ),
-
-  "border-right-color": (
-    "prefix": "bc-r",
-    "property": "border-right-color",
-  ),
-
-  "border-top-color": (
-    "prefix": "bc-t",
-    "property": "border-top-color",
-  ),
-
-  "caret-color": (
-    "prefix": "cc",
-    "property": "caret-color",
-  ),
-
-  "color": (
-    "prefix": "tc",
-    "property": "color",
-  ),
-
-  "fill": (
-    "prefix": "f",
-    "property": "fill",
-  ),
-
-  "outline-color": (
-    "prefix": "oc",
-    "property": "outline-color",
-  ),
-
-  "stroke": (
-    "prefix": "s",
-    "property": "stroke",
-  ),
-
-  "text-decoration-color": (
-    "prefix": "tdc",
-    "property": "text-decoration-color",
-  ),
-);
-
-@each $utility, $map in $ycss-color-utils {
-  $property: map.get($map, "property");
-  $prefix: map.get($map, "prefix");
-
-  @each $k, $v in theme.$ycss-theme {
-    @include mix.color-scaling($property, $prefix, $k, $v);
-
-    @if (fun.ignore-neutral($v, theme.$ycss-theme)) {
-      @include mix.shade-scaling($property, $prefix, $k, $v, 14%);
-    }
-  }
-}

package/src/utilities/_effect.scss

@@ -1,98 +0,0 @@
-@use "sass:math";
-@use "sass:map";
-@use "../abstracts/variables" as vars;
-@use "../abstracts/mixins/" as mix;
-
-$ycss-effect-utils: (
-  "backdrop-blur": (
-    "prefix": "bf-b",
-    "properties": (
-      "backdrop-filter",
-    ),
-    "values": (
-      "none": blur(vars.$ycss-backdrop-blur * 0),
-      "xs": blur(vars.$ycss-backdrop-blur),
-      "sm": blur(vars.$ycss-backdrop-blur * 2),
-      "md": blur(vars.$ycss-backdrop-blur * 4),
-      "lg": blur(vars.$ycss-backdrop-blur * 8),
-      "xl": blur(vars.$ycss-backdrop-blur * 16),
-    ),
-  ),
-
-  "blur": (
-    "prefix": "f-b",
-    "properties": (
-      "filter",
-    ),
-    "values": (
-      "none": blur(vars.$ycss-blur * 0),
-      "xs": blur(vars.$ycss-blur),
-      "sm": blur(vars.$ycss-blur * 2),
-      "md": blur(vars.$ycss-blur * 4),
-      "lg": blur(vars.$ycss-blur * 8),
-      "xl": blur(vars.$ycss-blur * 16),
-    ),
-  ),
-
-  "box-shadow": (
-    "prefix": "bs",
-    "properties": (
-      "box-shadow",
-    ),
-    "values": (
-      "none": none,
-      "xs": vars.$ycss-box-shadow-xs,
-      "sm": vars.$ycss-box-shadow-sm,
-      "md": vars.$ycss-box-shadow-md,
-      "lg": vars.$ycss-box-shadow-lg,
-      "xl": vars.$ycss-box-shadow-xl,
-    ),
-  ),
-
-  "grayscale": (
-    "prefix": "f-g",
-    "properties": (
-      "filter",
-    ),
-    "values": (
-      "0": grayscale(vars.$ycss-grayscale * 0),
-      "10": grayscale(vars.$ycss-grayscale),
-      "20": grayscale(vars.$ycss-grayscale * 2),
-      "30": grayscale(vars.$ycss-grayscale * 3),
-      "40": grayscale(vars.$ycss-grayscale * 4),
-      "50": grayscale(vars.$ycss-grayscale * 5),
-      "60": grayscale(vars.$ycss-grayscale * 6),
-      "70": grayscale(vars.$ycss-grayscale * 7),
-      "80": grayscale(vars.$ycss-grayscale * 8),
-      "90": grayscale(vars.$ycss-grayscale * 9),
-      "100": grayscale(vars.$ycss-grayscale * 10),
-    ),
-  ),
-
-  "opacity": (
-    "prefix": "o",
-    "properties": (
-      "opacity",
-    ),
-    "values": (
-      "0": 0,
-      "10": 0.1,
-      "20": 0.2,
-      "30": 0.3,
-      "40": 0.4,
-      "50": 0.5,
-      "60": 0.6,
-      "70": 0.7,
-      "80": 0.8,
-      "90": 0.9,
-      "100": 1,
-    ),
-  ),
-);
-
-@each $name, $map in $ycss-effect-utils {
-  $prefix: map.get($map, "prefix");
-  $properties: map.get($map, "properties");
-
-  @include mix.create-utilities($map, $prefix, $properties);
-}

package/src/utilities/_flexbox.scss

@@ -1,213 +0,0 @@
-@use "sass:math";
-@use "sass:map";
-@use "../abstracts/variables" as vars;
-@use "../abstracts/mixins/" as mix;
-@use "../utilities/maps/" as maps;
-
-$ycss-flexbox-utils: (
-  "align-content": (
-    "prefix": "ac",
-    "properties": (
-      "align-content",
-    ),
-    "values": (
-      "b": baseline,
-      "c": center,
-      "fe": flex-end,
-      "fs": flex-start,
-      "n": normal,
-      "st": stretch,
-      "sa": space-around,
-      "sb": space-between,
-      "se": space-evenly,
-    ),
-  ),
-
-  "align-items": (
-    "prefix": "ai",
-    "properties": (
-      "align-items",
-    ),
-    "values": (
-      "b": baseline,
-      "c": center,
-      "fe": flex-end,
-      "fs": flex-start,
-      "st": stretch,
-    ),
-  ),
-
-  "align-self": (
-    "prefix": "as",
-    "properties": (
-      "align-self",
-    ),
-    "values": (
-      "auto": auto,
-      "b": baseline,
-      "c": center,
-      "fe": flex-end,
-      "fs": flex-start,
-      "st": stretch,
-    ),
-  ),
-
-  "flex-basis": (
-    "prefix": "fb",
-    "properties": (
-      "flex-basis",
-    ),
-    "values": maps.$ycss-flex-basis-map,
-  ),
-
-  "flex-direction": (
-    "prefix": "fd",
-    "properties": (
-      "flex-direction",
-    ),
-    "values": (
-      "c": column,
-      "cr": column-reverse,
-      "r": row,
-      "rr": row-reverse,
-    ),
-  ),
-
-  "flex-grow": (
-    "prefix": "fg",
-    "properties": (
-      "flex-grow",
-    ),
-    "values": (
-      "0": 0,
-      "1": 1,
-      "2": 2,
-      "3": 3,
-      "4": 4,
-      "5": 5,
-      "6": 6,
-      "7": 7,
-      "8": 8,
-    ),
-  ),
-
-  "flex-shrink": (
-    "prefix": "fs",
-    "properties": (
-      "flex-shrink",
-    ),
-    "values": (
-      "0": 0,
-      "1": 1,
-      "2": 2,
-      "3": 3,
-      "4": 4,
-      "5": 5,
-      "6": 6,
-      "7": 7,
-      "8": 8,
-    ),
-  ),
-
-  "flex-wrap": (
-    "prefix": "fw",
-    "properties": (
-      "flex-wrap",
-    ),
-    "values": (
-      "nw": nowrap,
-      "w": wrap,
-      "wr": wrap-reverse,
-    ),
-  ),
-
-  "flex": (
-    "prefix": "f",
-    "properties": (
-      "flex",
-    ),
-    "values": (
-      "1": 1 1 0%,
-      "2": 2 2 0%,
-      "3": 3 3 0%,
-      "4": 4 4 0%,
-      "5": 5 5 0%,
-      "6": 6 6 0%,
-      "auto": 1 1 auto,
-      "none": none,
-    ),
-  ),
-
-  "justify-content": (
-    "prefix": "jc",
-    "properties": (
-      "justify-content",
-    ),
-    "values": (
-      "c": center,
-      "fe": flex-end,
-      "fs": flex-start,
-      "n": normal,
-      "st": stretch,
-      "sa": space-around,
-      "sb": space-between,
-      "se": space-evenly,
-    ),
-  ),
-
-  "justify-items": (
-    "prefix": "ji",
-    "properties": (
-      "justify-items",
-    ),
-    "values": (
-      "c": center,
-      "e": end,
-      "s": start,
-      "st": stretch,
-    ),
-  ),
-
-  "justify-self": (
-    "prefix": "js",
-    "properties": (
-      "justify-self",
-    ),
-    "values": (
-      "auto": auto,
-      "c": center,
-      "e": end,
-      "s": start,
-      "st": stretch,
-    ),
-  ),
-
-  "order": (
-    "prefix": "or",
-    "properties": (
-      "order",
-    ),
-    "values": (
-      "l": -9999,
-      "0": 0,
-      "1": 1,
-      "2": 2,
-      "3": 3,
-      "4": 4,
-      "5": 5,
-      "6": 6,
-      "7": 7,
-      "8": 8,
-      "9": 9,
-      "10": 1,
-      "f": 9999,
-    ),
-  ),
-);
-
-@each $name, $map in $ycss-flexbox-utils {
-  $prefix: map.get($map, "prefix");
-  $properties: map.get($map, "properties");
-
-  @include mix.create-utilities($map, $prefix, $properties);
-}