yummacss 2.1.0 → 3.0.1

package/src/utilities/_layout.scss

@@ -1,310 +0,0 @@
-@use "sass:math";
-
-$yma-layout-utils: (
-  "aspect-ratio": (
-    "prefix": "ar",
-    "values": (
-      "auto": auto,
-      "l": "16/9",
-      "s": "1/1",
-    ),
-  ),
-
-  "columns": (
-    "prefix": "cols",
-    "values": (
-      "1": 1,
-      "2": 2,
-      "3": 3,
-      "4": 4,
-      "5": 5,
-      "6": 6,
-      "7": 7,
-      "8": 8,
-      "9": 9,
-      "10": 10,
-      "11": 11,
-      "12": 12,
-      "13": 13,
-      "14": 14,
-      "15": 15,
-      "16": 16,
-    ),
-  ),
-
-  "bottom": (
-    "prefix": "dir-b",
-    "values": (
-      "0": $yma-direction * 0,
-      "1": $yma-direction,
-      "2": $yma-direction * 2,
-      "3": $yma-direction * 3,
-      "4": $yma-direction * 4,
-      "5": $yma-direction * 5,
-      "6": $yma-direction * 6,
-      "7": $yma-direction * 7,
-      "8": $yma-direction * 8,
-      "9": $yma-direction * 9,
-      "10": $yma-direction * 10,
-      "11": $yma-direction * 11,
-      "12": $yma-direction * 12,
-      "13": $yma-direction * 13,
-      "14": $yma-direction * 14,
-      "15": $yma-direction * 15,
-      "16": $yma-direction * 16,
-      "none": none,
-    ),
-  ),
-
-  "inset": (
-    "prefix": "dir-i",
-    "values": (
-      "0": $yma-direction * 0,
-      "1": $yma-direction,
-      "2": $yma-direction * 2,
-      "3": $yma-direction * 3,
-      "4": $yma-direction * 4,
-      "5": $yma-direction * 5,
-      "6": $yma-direction * 6,
-      "7": $yma-direction * 7,
-      "8": $yma-direction * 8,
-      "9": $yma-direction * 9,
-      "10": $yma-direction * 10,
-      "11": $yma-direction * 11,
-      "12": $yma-direction * 12,
-      "13": $yma-direction * 13,
-      "14": $yma-direction * 14,
-      "15": $yma-direction * 15,
-      "16": $yma-direction * 16,
-      "none": none,
-    ),
-  ),
-
-  "left": (
-    "prefix": "dir-l",
-    "values": (
-      "0": $yma-direction * 0,
-      "1": $yma-direction,
-      "2": $yma-direction * 2,
-      "3": $yma-direction * 3,
-      "4": $yma-direction * 4,
-      "5": $yma-direction * 5,
-      "6": $yma-direction * 6,
-      "7": $yma-direction * 7,
-      "8": $yma-direction * 8,
-      "9": $yma-direction * 9,
-      "10": $yma-direction * 10,
-      "11": $yma-direction * 11,
-      "12": $yma-direction * 12,
-      "13": $yma-direction * 13,
-      "14": $yma-direction * 14,
-      "15": $yma-direction * 15,
-      "16": $yma-direction * 16,
-      "none": none,
-    ),
-  ),
-
-  "right": (
-    "prefix": "dir-r",
-    "values": (
-      "0": $yma-direction * 0,
-      "1": $yma-direction,
-      "2": $yma-direction * 2,
-      "3": $yma-direction * 3,
-      "4": $yma-direction * 4,
-      "5": $yma-direction * 5,
-      "6": $yma-direction * 6,
-      "7": $yma-direction * 7,
-      "8": $yma-direction * 8,
-      "9": $yma-direction * 9,
-      "10": $yma-direction * 10,
-      "11": $yma-direction * 11,
-      "12": $yma-direction * 12,
-      "13": $yma-direction * 13,
-      "14": $yma-direction * 14,
-      "15": $yma-direction * 15,
-      "16": $yma-direction * 16,
-      "none": none,
-    ),
-  ),
-
-  "top": (
-    "prefix": "dir-t",
-    "values": (
-      "0": $yma-direction * 0,
-      "1": $yma-direction,
-      "2": $yma-direction * 2,
-      "3": $yma-direction * 3,
-      "4": $yma-direction * 4,
-      "5": $yma-direction * 5,
-      "6": $yma-direction * 6,
-      "7": $yma-direction * 7,
-      "8": $yma-direction * 8,
-      "9": $yma-direction * 9,
-      "10": $yma-direction * 10,
-      "11": $yma-direction * 11,
-      "12": $yma-direction * 12,
-      "13": $yma-direction * 13,
-      "14": $yma-direction * 14,
-      "15": $yma-direction * 15,
-      "16": $yma-direction * 16,
-      "none": none,
-    ),
-  ),
-
-  "display": (
-    "prefix": "d",
-    "values": (
-      "b": block,
-      "f": flex,
-      "fr": flow-root,
-      "g": grid,
-      "i": inline,
-      "ib": inline-block,
-      "if": inline-flex,
-      "ig": inline-grid,
-      "it": inline-table,
-      "none": none,
-      "t": table,
-    ),
-  ),
-
-  "float": (
-    "prefix": "flo",
-    "values": (
-      "ie": inline-end,
-      "is": inline-start,
-      "l": left,
-      "none": none,
-      "r": right,
-    ),
-  ),
-
-  "object-fit": (
-    "prefix": "of",
-    "values": (
-      "c": cover,
-      "f": fill,
-      "none": none,
-      "sd": scale-down,
-    ),
-  ),
-
-  "object-position": (
-    "prefix": "op",
-    "values": (
-      "b": bottom,
-      "c": center,
-      "l": left,
-      "lb": left bottom,
-      "lt": left top,
-      "r": right,
-      "rb": right bottom,
-      "rt": right top,
-      "t": top,
-    ),
-  ),
-
-  "overflow": (
-    "prefix": "ovf",
-    "values": (
-      "auto": auto,
-      "c": clip,
-      "h": hidden,
-      "s": scroll,
-      "v": visible,
-    ),
-  ),
-
-  "overflow-x": (
-    "prefix": "ovf-x",
-    "values": (
-      "auto": auto,
-      "c": clip,
-      "h": hidden,
-      "s": scroll,
-      "v": visible,
-    ),
-  ),
-
-  "overflow-y": (
-    "prefix": "ovf-y",
-    "values": (
-      "auto": auto,
-      "c": clip,
-      "h": hidden,
-      "s": scroll,
-      "v": visible,
-    ),
-  ),
-
-  "position": (
-    "prefix": "p",
-    "values": (
-      "a": absolute,
-      "f": fixed,
-      "r": relative,
-      "s": static,
-      "st": sticky,
-    ),
-  ),
-
-  "z-index": (
-    "prefix": "zi",
-    "values": (
-      "0": 0,
-      "10": 10,
-      "20": 20,
-      "30": 30,
-      "40": 40,
-      "50": 50,
-      "60": 60,
-      "70": 70,
-      "80": 80,
-      "90": 90,
-      "auto": auto,
-    ),
-  ),
-);
-
-// base variants
-@each $property, $map in $yma-layout-utils {
-  $prefix: map-get($map, "prefix");
-  $values: map-get($map, "values");
-
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .#{$prefix} {
-        #{$property}: $v;
-      }
-    } @else {
-      .#{$prefix}-#{$k} {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // hover variants
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .h\:#{$prefix}:hover {
-        #{$property}: $v;
-      }
-    } @else {
-      .h\:#{$prefix}-#{$k}:hover {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // responsive variants
-  @each $bp, $bp-value in $yma-breakpoints {
-    @each $k, $v in $values {
-      .#{$bp}\:#{$prefix}-#{$k} {
-        @media (min-width: $bp-value) {
-          #{$property}: $v;
-        }
-      }
-    }
-  }
-}

package/src/utilities/_outlines.scss

@@ -1,76 +0,0 @@
-@use "sass:math";
-
-$yma-outline-utils: (
-  "outline-offset": (
-    "prefix": "oo",
-    "values": (
-      "0": $yma-outline-offset * 0,
-      "1": $yma-outline-offset,
-      "2": $yma-outline-offset * 2,
-      "3": $yma-outline-offset * 3,
-      "4": $yma-outline-offset * 4,
-    ),
-  ),
-
-  "outline-style": (
-    "prefix": "os",
-    "values": (
-      "none": none,
-      "d": dashed,
-      "s": solid,
-    ),
-  ),
-
-  "outline-width": (
-    "prefix": "ow",
-    "values": (
-      "0": $yma-outline-width * 0,
-      "1": $yma-outline-width,
-      "2": $yma-outline-width * 2,
-      "3": $yma-outline-width * 3,
-      "4": $yma-outline-width * 4,
-    ),
-  ),
-);
-
-// base variants
-@each $property, $map in $yma-outline-utils {
-  $prefix: map-get($map, "prefix");
-  $values: map-get($map, "values");
-
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .#{$prefix} {
-        #{$property}: $v;
-      }
-    } @else {
-      .#{$prefix}-#{$k} {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // hover variants
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .h\:#{$prefix}:hover {
-        #{$property}: $v;
-      }
-    } @else {
-      .h\:#{$prefix}-#{$k}:hover {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // responsive variants
-  @each $bp, $bp-value in $yma-breakpoints {
-    @each $k, $v in $values {
-      .#{$bp}\:#{$prefix}-#{$k} {
-        @media (min-width: $bp-value) {
-          #{$property}: $v;
-        }
-      }
-    }
-  }
-}

package/src/utilities/_tables.scss

@@ -1,61 +0,0 @@
-@use "sass:math";
-
-$yma-table-utils: (
-  "caption-side": (
-    "prefix": "cs",
-    "values": (
-      "b": bottom,
-      "t": top,
-    ),
-  ),
-
-  "table-layout": (
-    "prefix": "tl",
-    "values": (
-      "auto": auto,
-      "f": fixed,
-    ),
-  ),
-);
-
-// base variants
-@each $property, $map in $yma-table-utils {
-  $prefix: map-get($map, "prefix");
-  $values: map-get($map, "values");
-
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .#{$prefix} {
-        #{$property}: $v;
-      }
-    } @else {
-      .#{$prefix}-#{$k} {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // hover variants
-  @each $k, $v in $values {
-    @if ($k == "default") {
-      .h\:#{$prefix}:hover {
-        #{$property}: $v;
-      }
-    } @else {
-      .h\:#{$prefix}-#{$k}:hover {
-        #{$property}: $v;
-      }
-    }
-  }
-
-  // responsive variants
-  @each $bp, $bp-value in $yma-breakpoints {
-    @each $k, $v in $values {
-      .#{$bp}\:#{$prefix}-#{$k} {
-        @media (min-width: $bp-value) {
-          #{$property}: $v;
-        }
-      }
-    }
-  }
-}

package/src/yumma.scss

@@ -1,23 +0,0 @@
-@import "abstracts/variables";
-@import "abstracts/theme";
-@import "abstracts/functions";
-@import "abstracts/mixins";
-@import "abstracts/breakpoints";
-@import "abstracts/layout";
-@import "abstracts/colors";
-@import "abstracts/extensions";
-
-@import "utilities/borders";
-@import "utilities/box-model";
-@import "utilities/effects";
-@import "utilities/filters";
-@import "utilities/flexbox";
-@import "utilities/grid";
-@import "utilities/interactions";
-@import "utilities/layout";
-@import "utilities/outlines";
-@import "utilities/tables";
-@import "utilities/typography";
-
-@import "fonts";
-@import "base";