@guebbit/css-toolkit 1.4.0 → 1.4.1

package/src/mixins/_build-breakpoint.scss

@@ -0,0 +1,90 @@
+@use "../functions/breakpoints" as breakpoint;
+
+/**
+ * Apply content for min width from named breakpoint.
+ */
+@mixin build-breakpoint-up(
+  $name,
+  $breakpoints: breakpoint.$breakpoints-default
+) {
+  $min: breakpoint.breakpoint-min($name, $breakpoints);
+  @if not $min {
+    @content;
+  } @else {
+    @media (min-width: $min) {
+      @content;
+    }
+  }
+}
+
+/**
+ * Apply content for max width from named breakpoint.
+ */
+@mixin build-breakpoint-down(
+  $name,
+  $breakpoints: breakpoint.$breakpoints-default
+) {
+  $max: breakpoint.breakpoint-max($name, $breakpoints);
+  @if not $max {
+    @content;
+  } @else {
+    @media (max-width: $max) {
+      @content;
+    }
+  }
+}
+
+/**
+ * Apply content between two named breakpoints.
+ */
+@mixin build-breakpoint-between(
+  $lower,
+  $upper,
+  $breakpoints: breakpoint.$breakpoints-default
+) {
+  $min: breakpoint.breakpoint-min($lower, $breakpoints);
+  $max: breakpoint.breakpoint-max($upper, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $min != null {
+    @include build-breakpoint-up($lower, $breakpoints) {
+      @content;
+    }
+  } @else if $max != null {
+    @include build-breakpoint-down($upper, $breakpoints) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+/**
+ * Generic dynamic breakpoint helper by mode.
+ * modes: up | down | between
+ */
+@mixin build-breakpoint(
+  $mode,
+  $from,
+  $to: null,
+  $breakpoints: breakpoint.$breakpoints-default
+) {
+  @if $mode == "up" {
+    @include build-breakpoint-up($from, $breakpoints) {
+      @content;
+    }
+  } @else if $mode == "down" {
+    @include build-breakpoint-down($from, $breakpoints) {
+      @content;
+    }
+  } @else if $mode == "between" {
+    @include build-breakpoint-between($from, $to, $breakpoints) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}

package/src/mixins/_build-compatibility.scss

@@ -4,37 +4,80 @@
 *	@content
 **/
 @mixin build-compatibility($browser) {
+  // normalize aliases
+  $target: $browser;
+  @if $browser == "internet-explorer" or $browser == "msie" {
+    $target: "ie";
+  }
+  @if $browser == "ms-edge" {
+    $target: "edge";
+  }
+  @if $browser == "ff" {
+    $target: "firefox";
+  }
+
+  // MODERN BROWSER GROUP (supports feature queries)
+  @if $target == "modern" {
+    @supports (display: grid) and (selector(:is(*))) {
+      @content;
+    }
+  }
+
+  // WEBKIT GROUP
+  @if $target == "webkit" {
+    @supports (-webkit-touch-callout: none) {
+      @content;
+    }
+  }
+
+  // LEGACY GROUP
+  @if $target == "legacy" {
+    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+      @content;
+    }
+    @supports (-ms-ime-align: auto) {
+      @content;
+    }
+  }
+
   // INTERNET EXPLORER
-  @if $browser == "ie" {
+  @if $target == "ie" {
     @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
       @content;
     }
   }
   // MICROSOFT EDGE
-  @if $browser == "edge" {
+  @if $target == "edge" {
     @supports (-ms-ime-align: auto) {
       @content;
     }
   }
   // FIREFOX
-  @if $browser == "firefox" {
+  @if $target == "firefox" {
     @supports (-moz-appearance: none) {
       @content;
     }
   }
 
   // OPERA
-  @if $browser == "opera" {
+  @if $target == "opera" {
     @supports (-o-object-fit: fill) {
       @content;
     }
   }
 
   // SAFARI
-  @if $browser == "safari" {
+  @if $target == "safari" {
     @supports (background: -webkit-named-image(i)) and
       (not (-webkit-touch-callout: none)) {
       @content;
     }
   }
+
+  // CHROME (best-effort via webkit + not safari condition)
+  @if $target == "chrome" {
+    @supports (-webkit-appearance: none) and (font: -apple-system-body) {
+      @content;
+    }
+  }
 }

package/test/compile.test.js

@@ -9,6 +9,7 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 let cssCompiled;
+const writeCompiledOutput = process.env.WRITE_TEST_OUTPUT === "1";
 
 function sassCompiler() {
   return Promise.resolve(
@@ -25,27 +26,31 @@ describe("COMPILE", function () {
 
   it("Should compile", async function () {
     cssCompiled = await sassCompiler();
-    // Not necessary, but let's compile the file
-    fs.writeFile(path.join(__dirname, "test.css"), cssCompiled, () => {});
+    // Optional artifact generation for easier debugging
+    if (writeCompiledOutput) {
+      fs.writeFile(path.join(__dirname, "test.css"), cssCompiled, () => {});
+    }
   });
 
   it("Check some rules", function () {
     // --
     expect(cssCompiled).to.contain(".blue-400-text {");
-    expect(cssCompiled).to.contain("color: rgb(61.4, 139, 253.4) !important;");
+    expect(cssCompiled).to.match(
+      /color:\s*rgb\(61(?:\.\d+)?,\s*139,\s*253(?:\.\d+)?\)\s*!important;/,
+    );
     expect(cssCompiled).to.contain(".blue-400-bg {");
-    expect(cssCompiled).to.contain(
-      "background-color: rgb(61.4, 139, 253.4) !important;",
+    expect(cssCompiled).to.match(
+      /background-color:\s*rgb\(61(?:\.\d+)?,\s*139,\s*253(?:\.\d+)?\)\s*!important;/,
     );
     expect(cssCompiled).to.contain(".blue-400-border {");
-    expect(cssCompiled).to.contain(
-      "border-color: rgb(61.4, 139, 253.4) !important;",
+    expect(cssCompiled).to.match(
+      /border-color:\s*rgb\(61(?:\.\d+)?,\s*139,\s*253(?:\.\d+)?\)\s*!important;/,
     );
     expect(cssCompiled).to.contain(
       ".blue-400-pseudo-bg::after, .blue-400-pseudo-bg::before {",
     );
-    expect(cssCompiled).to.contain(
-      "background-color: rgb(61.4, 139, 253.4) !important;",
+    expect(cssCompiled).to.match(
+      /background-color:\s*rgb\(61(?:\.\d+)?,\s*139,\s*253(?:\.\d+)?\)\s*!important;/,
     );
     expect(cssCompiled).to.contain(".blue-400-hover-text:hover {");
     expect(cssCompiled).to.contain(".blue-400-hover-bg:hover {");
@@ -107,6 +112,7 @@ describe("COMPILE", function () {
     );
     expect(cssCompiled).to.contain("@supports (-ms-ime-align: auto) {");
     expect(cssCompiled).to.contain("@supports (-moz-appearance: none) {");
+    expect(cssCompiled).to.contain("@supports (-webkit-touch-callout: none) {");
     // --
     expect(cssCompiled).to.contain(".scrollbar-test::-webkit-scrollbar {");
     expect(cssCompiled).to.contain("width: 8px;");
@@ -193,5 +199,13 @@ describe("COMPILE", function () {
     );
     expect(cssCompiled).to.contain("--create-collection-500: 18 52 86;");
     expect(cssCompiled).to.contain("--create-collection-900: 3.6 10.4 17.2;");
+    // --
+    expect(cssCompiled).to.contain("@media (min-width: 768px) {");
+    expect(cssCompiled).to.contain("@media (max-width: 991.98px) {");
+    expect(cssCompiled).to.contain(
+      "@media (min-width: 576px) and (max-width: 1199.98px) {",
+    );
+    expect(cssCompiled).to.contain("--breakpoint-md: 768px;");
+    expect(cssCompiled).to.contain("--breakpoint-lg-max: 1199.98px;");
   });
 });

package/test/test.scss

@@ -122,6 +122,26 @@
       content: "this is safari";
     }
   }
+
+  @include guebbit.build-compatibility("webkit") {
+    &::before {
+      content: "this is webkit";
+    }
+  }
+}
+
+.test-breakpoints {
+  @include guebbit.build-breakpoint-up("md") {
+    display: grid;
+  }
+
+  @include guebbit.build-breakpoint-down("md") {
+    display: block;
+  }
+
+  @include guebbit.build-breakpoint-between("sm", "lg") {
+    gap: 12px;
+  }
 }
 
 .scrollbar-test {
@@ -213,4 +233,7 @@ $generated-collection: guebbit.create-collection(#123456);
   --create-collection-900: #{guebbit.extract-colors(
       map.get($generated-collection, "900")
     )};
+  // ---
+  --breakpoint-md: #{guebbit.breakpoint-get("md")};
+  --breakpoint-lg-max: #{guebbit.breakpoint-max("lg")};
 }

package/docs/.vitepress/dist/assets/chunks/@localSearchIndexroot.BjS_jZ-W.js

@@ -1 +0,0 @@
-const e='{"documentCount":42,"nextId":42,"documentIds":{"0":"/colors/bootstrap.html#bootstrap-colors","1":"/colors/bootstrap.html#usage","2":"/colors/bootstrap.html#source","3":"/colors/brands.html#brand-colors","4":"/colors/brands.html#source","5":"/colors/customs.html#custom-colors","6":"/colors/customs.html#source","7":"/functions/colors.html#colors","8":"/functions/colors.html#color-brightness","9":"/functions/colors.html#color-contrast","10":"/functions/colors.html#color-hex2rgba","11":"/functions/colors.html#color-hex2rgbcore","12":"/functions/helpers.html#helper-functions","13":"/functions/helpers.html#available-helpers","14":"/functions/helpers.html#source","15":"/functions/strings.html#string-functions","16":"/functions/strings.html#available-helpers","17":"/functions/strings.html#source","18":"/#css-toolkit","19":"/mixins/build-aspect-ratio.html#build-aspect-ratio","20":"/mixins/build-aspect-ratio.html#example","21":"/mixins/build-aspect-ratio.html#source","22":"/mixins/build-compatibility.html#build-compatibility","23":"/mixins/build-compatibility.html#example","24":"/mixins/build-compatibility.html#code","25":"/mixins/build-compatibility.html#scss-variables","26":"/mixins/build-scrollbar.html#scrollbar","27":"/mixins/build-scrollbar.html#example","28":"/mixins/build-scrollbar.html#code","29":"/mixins/create-colors.html#create-colors","30":"/mixins/create-colors.html#example","31":"/mixins/create-colors.html#source","32":"/mixins/create-helper-margin.html#create-margin","33":"/mixins/create-helper-margin.html#example","34":"/mixins/create-helper-margin.html#code","35":"/mixins/create-helper-padding.html#create-padding","36":"/mixins/create-helper-padding.html#example","37":"/mixins/create-helper-padding.html#code","38":"/mixins/create-instruction.html#create-instruction","39":"/mixins/create-instruction.html#example","40":"/mixins/create-instruction.html#code","41":"/mixins/create-instruction.html#scss-variables"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[2,1,10],"1":[1,2,14],"2":[1,2,149],"3":[2,1,10],"4":[1,2,58],"5":[2,1,11],"6":[1,2,34],"7":[1,1,18],"8":[2,1,38],"9":[2,1,34],"10":[2,1,11],"11":[2,1,40],"12":[2,1,8],"13":[2,2,36],"14":[1,2,84],"15":[2,1,7],"16":[2,2,9],"17":[1,2,57],"18":[2,1,15],"19":[3,1,10],"20":[1,3,10],"21":[1,3,48],"22":[2,1,1],"23":[1,2,17],"24":[1,1,56],"25":[2,1,17],"26":[1,1,1],"27":[1,1,12],"28":[1,1,53],"29":[2,1,9],"30":[1,2,12],"31":[1,2,94],"32":[2,1,1],"33":[1,2,18],"34":[1,2,78],"35":[2,1,1],"36":[1,2,17],"37":[1,2,78],"38":[2,1,10],"39":[1,2,19],"40":[1,2,49],"41":[2,2,44]},"averageFieldLength":[1.5,1.5238095238095237,30.904761904761905],"storedFields":{"0":{"title":"Bootstrap Colors","titles":[]},"1":{"title":"Usage","titles":["Bootstrap Colors"]},"2":{"title":"Source","titles":["Bootstrap Colors"]},"3":{"title":"Brand Colors","titles":[]},"4":{"title":"Source","titles":["Brand Colors"]},"5":{"title":"Custom Colors","titles":[]},"6":{"title":"Source","titles":["Custom Colors"]},"7":{"title":"Colors","titles":[]},"8":{"title":"color-brightness","titles":["Colors"]},"9":{"title":"color-contrast","titles":["Colors"]},"10":{"title":"color-hex2rgba","titles":["Colors"]},"11":{"title":"color-hex2rgbcore","titles":["Colors"]},"12":{"title":"Helper Functions","titles":[]},"13":{"title":"Available helpers","titles":["Helper Functions"]},"14":{"title":"Source","titles":["Helper Functions"]},"15":{"title":"String Functions","titles":[]},"16":{"title":"Available helpers","titles":["String Functions"]},"17":{"title":"Source","titles":["String Functions"]},"18":{"title":"css-toolkit","titles":[]},"19":{"title":"Build Aspect Ratio","titles":[]},"20":{"title":"Example","titles":["Build Aspect Ratio"]},"21":{"title":"Source","titles":["Build Aspect Ratio"]},"22":{"title":"Build Compatibility","titles":[]},"23":{"title":"Example","titles":["Build Compatibility"]},"24":{"title":"Code","titles":[]},"25":{"title":"SCSS variables","titles":["Code"]},"26":{"title":"Scrollbar","titles":[]},"27":{"title":"Example","titles":["Scrollbar"]},"28":{"title":"Code","titles":["Scrollbar"]},"29":{"title":"Create Colors","titles":[]},"30":{"title":"Example","titles":["Create Colors"]},"31":{"title":"Source","titles":["Create Colors"]},"32":{"title":"Create Margin","titles":[]},"33":{"title":"Example","titles":["Create Margin"]},"34":{"title":"Code","titles":["Create Margin"]},"35":{"title":"Create Padding","titles":[]},"36":{"title":"Example","titles":["Create Padding"]},"37":{"title":"Code","titles":["Create Padding"]},"38":{"title":"Create Instruction","titles":[]},"39":{"title":"Example","titles":["Create Instruction"]},"40":{"title":"Code","titles":["Create Instruction"]},"41":{"title":"SCSS variables","titles":["Create Instruction"]}},"dirtCount":0,"index":[["just",{"2":{"40":1}}],["``",{"2":{"25":1,"34":1,"37":1,"41":1}}],["`$component",{"2":{"2":1}}],["\\tbuilder",{"2":{"28":1}}],["\\t",{"2":{"24":2,"28":3}}],["\\tcompatibility",{"2":{"24":1}}],["x",{"2":{"34":1,"37":1}}],["x3c",{"2":{"31":9,"34":1,"37":1,"40":1}}],["x26",{"2":{"21":2,"28":3,"31":16}}],["xs",{"2":{"2":1}}],["keys",{"2":{"14":1}}],["key",{"2":{"14":1}}],["kickstarter",{"2":{"4":1}}],["=>",{"2":{"14":1}}],["==",{"2":{"14":1,"17":1,"24":5,"28":1,"34":1,"37":1,"40":1}}],["=",{"2":{"14":2,"17":1}}],["utilities",{"2":{"18":1}}],["utility",{"2":{"15":1,"29":1}}],["undefined",{"2":{"14":1}}],["until",{"2":{"14":1}}],["using",{"2":{"7":1}}],["used",{"2":{"5":1,"12":1,"14":1,"31":2}}],["use",{"2":{"1":1,"2":2,"3":1,"6":1,"14":1,"17":2,"21":3,"30":1,"31":5,"40":1}}],["usage",{"0":{"1":1}}],["quot",{"2":{"9":2,"11":2,"16":2}}],["my",{"2":{"34":1}}],["mx",{"2":{"34":1}}],["mr",{"2":{"34":1}}],["ml",{"2":{"34":1}}],["mb",{"2":{"34":1}}],["mt",{"2":{"34":1}}],["measure",{"2":{"34":1,"37":1,"40":1}}],["meant",{"2":{"31":1}}],["media",{"2":{"20":1,"24":1}}],["ms",{"2":{"24":3}}],["min",{"2":{"38":1}}],["microsoft",{"2":{"23":1,"24":1}}],["mixin",{"2":{"21":3,"24":1,"28":1,"31":1,"34":1,"37":1,"40":1}}],["mixins",{"2":{"18":1}}],["moz",{"2":{"24":1}}],["mode",{"2":{"23":1,"24":1}}],["most",{"2":{"9":1,"11":1}}],["ma",{"2":{"34":1}}],["margin",{"0":{"32":1},"1":{"33":1,"34":1},"2":{"33":1,"34":14}}],["many",{"2":{"31":1}}],["manga",{"2":{"6":2}}],["may",{"2":{"31":1}}],["matches",{"2":{"13":1}}],["math",{"2":{"8":1}}],["material",{"2":{"2":1}}],["map",{"2":{"2":4,"13":2,"14":10,"29":1}}],["nth",{"2":{"40":2}}],["name",{"2":{"25":1,"31":56,"34":4,"37":4,"38":1,"40":3,"41":2}}],["named",{"2":{"24":1}}],["naming",{"2":{"2":1}}],["needed",{"2":{"31":2}}],["new",{"2":{"17":1}}],["next",{"2":{"14":1}}],["nested",{"2":{"13":1,"14":2,"29":1}}],["null",{"2":{"13":2,"14":7,"17":1}}],["not",{"2":{"24":1,"31":6}}],["non",{"2":{"13":1,"14":1}}],["none",{"2":{"8":1,"24":3,"25":1,"41":1}}],["no",{"2":{"13":2,"14":3}}],["+",{"2":{"8":2,"17":2}}],[">=",{"2":{"17":1}}],[">",{"2":{"8":1,"9":1,"21":1,"40":1}}],["hover",{"2":{"31":18}}],["have",{"2":{"31":1}}],["has",{"2":{"21":1,"28":1}}],["high",{"2":{"24":2}}],["height",{"2":{"21":1,"28":1}}],["helpful",{"2":{"18":1}}],["helpers",{"0":{"13":1,"16":1},"2":{"19":1}}],["helper",{"0":{"12":1},"1":{"13":1,"14":1},"2":{"12":1,"33":1,"34":1,"36":1,"37":1}}],["hex2rgbcore",{"0":{"11":1},"2":{"11":1}}],["hex2rgba",{"0":{"10":1},"2":{"10":1}}],["hex",{"2":{"10":1}}],["hsl",{"2":{"7":2}}],["https",{"2":{"2":3,"7":2}}],["lt",{"2":{"34":2,"37":2,"41":2}}],["l",{"2":{"34":1,"37":1}}],["last",{"2":{"17":1}}],["loop",{"2":{"17":1}}],["logrocket",{"2":{"7":2}}],["leaf",{"2":{"31":2}}],["left",{"2":{"21":1,"34":4,"37":4}}],["length",{"2":{"17":4,"31":9,"40":1}}],["level",{"2":{"13":1,"14":1}}],["less",{"2":{"8":2}}],["like",{"2":{"31":1,"34":1,"37":1,"41":1}}],["lists",{"2":{"17":1}}],["list",{"2":{"13":1,"14":1,"17":5,"31":47,"34":5,"37":5,"40":7,"41":2}}],["line",{"2":{"14":1}}],["linear",{"2":{"4":2}}],["linkedin",{"2":{"4":1}}],["link",{"2":{"2":1}}],["lighten",{"2":{"28":1}}],["lighter",{"2":{"8":1}}],["light",{"2":{"2":3,"9":1,"11":1}}],["90deg",{"2":{"4":1}}],["900",{"2":{"2":13,"6":6}}],["y",{"2":{"34":1,"37":1}}],["youtube",{"2":{"4":1}}],["yellow",{"2":{"2":1}}],["80",{"2":{"2":20,"6":4}}],["800",{"2":{"2":14,"6":6}}],["on",{"2":{"31":2}}],["only",{"2":{"31":1}}],["one",{"2":{"13":1,"14":1}}],["object",{"2":{"24":1}}],["o",{"2":{"24":1}}],["opera",{"2":{"23":1,"24":2}}],["of",{"2":{"3":1,"9":1,"11":1,"14":1,"17":2,"27":1,"28":4,"31":2,"34":1,"37":1,"41":2}}],["our",{"2":{"2":1}}],["or",{"2":{"31":9,"40":1}}],["org",{"2":{"2":1}}],["orange",{"2":{"2":1}}],["70",{"2":{"4":1}}],["700",{"2":{"2":13,"6":6}}],["75px",{"2":{"39":1}}],["75",{"2":{"4":1,"39":2}}],["7",{"2":{"2":1}}],["56",{"2":{"20":1}}],["587",{"2":{"8":1}}],["50px",{"2":{"39":1}}],["50",{"2":{"4":2,"8":3,"39":2}}],["500",{"2":{"1":1,"2":13,"6":6,"14":1}}],["5",{"2":{"2":2,"10":1}}],["warning",{"2":{"31":1}}],["webkit",{"2":{"24":2,"28":3}}],["will",{"2":{"40":1}}],["width",{"2":{"21":1,"28":1,"38":2,"39":1}}],["with",{"2":{"16":1,"17":2,"21":1,"31":1}}],["within",{"2":{"14":1}}],["when",{"2":{"13":1,"31":1}}],["while",{"2":{"17":1}}],["whichever",{"2":{"9":1,"11":1}}],["whitelist",{"2":{"31":1}}],["white",{"2":{"2":2,"11":1}}],["what",{"2":{"7":1}}],["whatsapp",{"2":{"4":1}}],["w3",{"2":{"2":1}}],["www",{"2":{"2":1}}],["wcag20",{"2":{"2":1}}],["wcag",{"2":{"2":1}}],["i",{"2":{"24":1}}],["important",{"2":{"31":18,"34":2,"37":2,"40":1,"41":1}}],["image",{"2":{"24":1}}],["ime",{"2":{"24":1}}],["ie",{"2":{"23":1,"24":1}}],["item",{"2":{"17":3}}],["is",{"2":{"8":1,"9":1,"11":1,"14":3,"34":1,"37":1,"41":1}}],["if",{"2":{"2":1,"8":1,"9":1,"14":4,"17":1,"24":5,"28":2,"31":19,"34":2,"37":2,"40":2,"41":1}}],["internet",{"2":{"23":1,"24":1}}],["into",{"2":{"17":1}}],["include",{"2":{"20":1,"21":2,"23":1,"27":1,"30":1,"33":1,"36":1,"39":1}}],["index",{"2":{"17":4,"31":13}}],["indigo",{"2":{"2":1}}],["inherit",{"2":{"13":1,"14":2}}],["insert",{"2":{"41":1}}],["instructions",{"2":{"38":1,"40":1}}],["instruction",{"0":{"38":1},"1":{"39":1,"40":1,"41":1},"2":{"34":1,"37":1,"41":2}}],["instead",{"2":{"31":1}}],["instagram",{"2":{"4":2}}],["inspired",{"2":{"0":1}}],["in",{"2":{"2":1,"13":1,"14":4,"17":1,"21":2,"28":1,"31":3,"34":2,"37":2,"40":1}}],["right",{"2":{"34":4,"37":4}}],["r",{"2":{"34":1,"37":1}}],["rgb",{"2":{"31":1}}],["rgba",{"2":{"10":1}}],["rarely",{"2":{"31":1}}],["radius",{"2":{"28":2}}],["ratio",{"0":{"19":1},"1":{"20":1,"21":1},"2":{"2":2,"19":1,"20":1,"21":9}}],["rule",{"2":{"7":1}}],["requested",{"2":{"31":1}}],["respective",{"2":{"21":1}}],["responsive",{"2":{"19":1}}],["relative",{"2":{"21":1}}],["repository",{"2":{"18":1}}],["remaining",{"2":{"17":1}}],["remove",{"2":{"17":1}}],["returns",{"2":{"9":1,"11":1,"13":3}}],["return",{"2":{"8":1,"9":1,"14":8,"17":2}}],["read",{"2":{"14":1}}],["reads",{"2":{"13":1}}],["ready",{"2":{"3":1}}],["reach",{"2":{"2":1}}],["reddit",{"2":{"4":1}}],["red",{"2":{"2":1,"6":31,"8":1}}],["12px",{"2":{"33":1,"36":1}}],["12",{"2":{"33":1,"36":1}}],["1",{"2":{"17":4,"31":9,"40":2}}],["114",{"2":{"8":1}}],["10px",{"2":{"14":2,"27":1,"28":2}}],["10",{"2":{"7":1}}],["100px",{"2":{"39":1}}],["100",{"2":{"2":13,"4":2,"6":6,"8":1,"21":4,"39":2}}],["1565c0",{"2":{"4":1}}],["198754",{"2":{"2":1}}],["06a763",{"2":{"6":1}}],["05ce78",{"2":{"4":1}}],["08c",{"2":{"4":1}}],["00ff00",{"2":{"10":1,"11":1}}],["003087",{"2":{"4":1}}],["00aff0",{"2":{"4":1}}],["000",{"2":{"2":1,"4":3,"9":1,"11":1,"27":1}}],["0",{"2":{"2":1,"4":2,"8":3,"10":1,"21":2}}],["0dcaf0",{"2":{"2":1}}],["0d6efd",{"2":{"2":1}}],["48px",{"2":{"33":1,"36":1}}],["48",{"2":{"33":1,"36":1}}],["4px",{"2":{"11":1,"27":1,"28":2}}],["45deg",{"2":{"4":1}}],["4ac959",{"2":{"4":1}}],["40",{"2":{"2":20,"6":4,"28":1}}],["400",{"2":{"2":13,"6":6}}],["4",{"2":{"2":2}}],["495057",{"2":{"2":1}}],["6px",{"2":{"33":1,"36":1}}],["6",{"2":{"33":1,"36":1}}],["6441a4",{"2":{"4":1}}],["60",{"2":{"2":20,"6":4,"7":1}}],["600",{"2":{"2":14,"6":6}}],["6f42c1",{"2":{"2":1}}],["6610f2",{"2":{"2":1}}],["6c757d",{"2":{"2":1}}],["else",{"2":{"31":8}}],["element",{"2":{"27":1,"28":1}}],["eventual",{"2":{"34":1,"37":1,"41":1}}],["every",{"2":{"31":2}}],["evaluated",{"2":{"14":2}}],["edge",{"2":{"23":1,"24":2}}],["empty",{"2":{"17":1}}],["each",{"2":{"14":2,"31":2,"34":1,"37":1,"40":1}}],["e6683c",{"2":{"4":1}}],["e60023",{"2":{"4":1}}],["enable",{"2":{"2":1}}],["ends",{"2":{"16":1,"17":2}}],["end",{"2":{"2":4,"14":1}}],["e9ecef",{"2":{"2":1}}],["explorer",{"2":{"23":1,"24":1}}],["exported",{"2":{"0":1}}],["example",{"0":{"20":1,"23":1,"27":1,"30":1,"33":1,"36":1,"39":1},"2":{"14":1,"38":1}}],["ex",{"2":{"2":1}}],["directions",{"2":{"34":1,"37":1}}],["display",{"2":{"21":1}}],["disable",{"2":{"2":2,"14":1}}],["disabled",{"2":{"2":1}}],["div",{"2":{"8":1}}],["d41816",{"2":{"6":1}}],["dc2743",{"2":{"4":1}}],["dc4a38",{"2":{"4":1}}],["dc3545",{"2":{"2":1}}],["darker",{"2":{"8":1}}],["dark",{"2":{"2":4,"9":1,"11":2}}],["d63384",{"2":{"2":1}}],["delimeter",{"2":{"41":1}}],["development",{"2":{"18":1}}],["deep",{"2":{"13":1,"14":2}}],["dee2e6",{"2":{"2":1}}],["description",{"2":{"8":1,"11":1,"25":1,"28":1,"34":1,"37":1,"41":1}}],["design",{"2":{"7":1}}],["determine",{"2":{"2":1}}],["default",{"2":{"2":116,"6":2,"8":1,"11":1,"25":1,"28":2,"34":1,"37":1,"41":1}}],["docs",{"2":{"2":8}}],["after",{"2":{"31":4}}],["auto",{"2":{"24":1,"28":3,"33":2}}],["audio",{"2":{"2":1}}],["align",{"2":{"24":1}}],["all",{"2":{"14":1,"24":1,"31":1,"34":1,"37":1}}],["anchor",{"2":{"21":3}}],["anchors",{"2":{"19":1}}],["and",{"2":{"2":3,"3":1,"5":1,"9":1,"11":1,"14":2,"17":2,"18":2,"19":1,"24":2,"31":6,"34":3,"37":3,"38":2,"40":2}}],["add",{"2":{"17":1}}],["adb5bd",{"2":{"2":1}}],["applies",{"2":{"31":2,"34":7,"37":7}}],["apply",{"2":{"11":2,"25":1}}],["appearance",{"2":{"24":1}}],["append",{"2":{"17":2}}],["at",{"2":{"14":1}}],["available",{"0":{"13":1,"16":1}}],["active",{"2":{"24":1}}],["across",{"2":{"12":1}}],["accepted",{"2":{"8":1,"11":1,"25":1,"28":1,"34":1,"37":1,"41":1}}],["acceptable",{"2":{"2":1}}],["absolute",{"2":{"21":1}}],["abs",{"2":{"9":2}}],["arr",{"2":{"17":6}}],["array",{"2":{"17":2,"34":2,"37":2,"40":1,"41":1}}],["arguments",{"2":{"9":1,"11":1}}],["are",{"2":{"2":1,"31":2}}],["a",{"2":{"9":1,"11":1,"13":2,"14":5,"18":1,"29":1,"31":1,"34":1,"37":1}}],["against",{"2":{"2":1}}],["aspect",{"0":{"19":1},"1":{"20":1,"21":1},"2":{"19":1,"20":1,"21":9}}],["as",{"2":{"1":1,"2":1,"6":1,"14":1,"21":1,"30":1,"31":1}}],["$delimiter",{"2":{"40":2,"41":1}}],["$dark",{"2":{"9":5,"11":1}}],["$name",{"2":{"34":8,"37":8,"40":3}}],["$nav",{"2":{"2":1}}],["$width",{"2":{"21":1}}],["$white",{"2":{"2":3}}],["$height",{"2":{"21":1}}],["$radius",{"2":{"28":3}}],["$ratio",{"2":{"21":4}}],["$red",{"2":{"2":20}}],["$instruction",{"2":{"40":3,"41":1}}],["$index",{"2":{"17":5}}],["$indigo",{"2":{"2":20}}],["$important",{"2":{"34":14,"37":14,"40":5,"41":1}}],["$item",{"2":{"17":2}}],["$feature",{"2":{"31":20}}],["$fallback",{"2":{"28":6}}],["$find",{"2":{"16":1,"17":5}}],["$flatrica",{"2":{"6":29}}],["$size",{"2":{"28":5}}],["$split",{"2":{"17":6}}],["$separator",{"2":{"16":1,"17":3}}],["$string",{"2":{"16":2,"17":12}}],["$shade",{"2":{"13":1,"14":2}}],["$key",{"2":{"14":2}}],["$keys",{"2":{"13":1,"14":3}}],["$val",{"2":{"34":10,"37":10,"40":3}}],["$values",{"2":{"40":6}}],["$value",{"2":{"14":4}}],["$vars",{"2":{"31":10}}],["$var",{"2":{"14":1}}],["$list",{"2":{"13":1,"14":2}}],["$light",{"2":{"9":5,"11":1}}],["$bg",{"2":{"28":6}}],["$branch",{"2":{"31":32}}],["$brand",{"2":{"4":17}}],["$browser",{"2":{"24":7,"25":1}}],["$background",{"2":{"9":2,"28":1}}],["$blue",{"2":{"2":20}}],["$black",{"2":{"2":3}}],["$measure",{"2":{"34":3,"37":3,"40":2,"41":1}}],["$map",{"2":{"13":1,"14":7}}],["$manga",{"2":{"6":29}}],["$min",{"2":{"2":1}}],["$modal",{"2":{"2":1}}],["$collection",{"2":{"13":1,"14":2}}],["$color",{"2":{"2":2,"8":6,"9":5,"11":1,"13":2,"14":3,"28":4,"31":39}}],["$colors",{"2":{"1":1,"2":1,"6":1,"14":1,"30":1,"31":1}}],["$check",{"2":{"13":2,"14":2}}],["$cyan",{"2":{"2":20}}],["$teal",{"2":{"2":20}}],["$group",{"2":{"13":1,"14":2}}],["$gradient",{"2":{"4":2,"31":1}}],["$grays",{"2":{"2":1}}],["$gray",{"2":{"2":20}}],["$green",{"2":{"2":20}}],["$yellow",{"2":{"2":20}}],["$orange",{"2":{"2":20}}],["$prefixv",{"2":{"31":12}}],["$prefix",{"2":{"31":17,"34":9,"37":9,"40":2,"41":1}}],["$pink",{"2":{"2":20}}],["$purple",{"2":{"2":20}}],["flag",{"2":{"41":1}}],["flatrica",{"2":{"6":2}}],["false",{"2":{"28":1,"31":1,"34":2,"37":2,"40":1,"41":1}}],["facebook",{"2":{"4":1}}],["final",{"2":{"41":1}}],["find",{"2":{"17":1}}],["filled",{"2":{"31":1}}],["fill",{"2":{"24":1}}],["fit",{"2":{"24":1}}],["firefox",{"2":{"23":1,"24":2}}],["first",{"2":{"13":1,"17":2}}],["fe2c55",{"2":{"4":1}}],["f2b938",{"2":{"4":1}}],["f09433",{"2":{"4":2}}],["f96854",{"2":{"4":1}}],["from",{"2":{"2":1,"13":1,"14":2,"17":2,"29":1}}],["ff4301",{"2":{"4":1}}],["ffc107",{"2":{"2":1}}],["fff",{"2":{"2":1,"9":2,"11":1,"27":1,"28":3}}],["fd7e14",{"2":{"2":1}}],["function",{"2":{"2":1,"8":1,"9":1,"14":5,"17":2}}],["functions",{"0":{"12":1,"15":1},"1":{"13":1,"14":1,"16":1,"17":1},"2":{"2":82,"6":18,"12":1,"15":1,"18":1,"21":1,"31":2}}],["fusv",{"2":{"2":3}}],["f8f9fa",{"2":{"2":1}}],["found",{"2":{"14":1}}],["form",{"2":{"21":1}}],["formula",{"2":{"2":1}}],["for",{"2":{"2":3,"15":1,"18":1,"23":1,"24":1,"31":3,"34":7,"37":7}}],["follow",{"2":{"2":1}}],["very",{"2":{"31":1}}],["visual",{"2":{"2":1}}],["value>",{"2":{"34":1,"37":1,"40":1}}],["value",{"2":{"13":1,"14":1,"31":9,"34":3,"37":3,"40":2,"41":2}}],["values",{"2":{"2":1,"5":1,"8":1,"11":1,"13":1,"14":3,"25":1,"28":1,"34":1,"37":1,"40":1,"41":1}}],["vars",{"2":{"31":2}}],["var",{"2":{"11":1,"13":2,"14":2,"31":10}}],["variable",{"2":{"8":1,"11":1,"14":2,"25":1,"28":1,"34":1,"37":1,"41":1}}],["variables",{"0":{"25":1,"41":1},"2":{"2":6,"14":1}}],["v5",{"2":{"2":1}}],["24px",{"2":{"33":1,"36":1}}],["24",{"2":{"33":1,"36":1}}],["299",{"2":{"8":1}}],["25px",{"2":{"39":1}}],["255",{"2":{"8":1}}],["25",{"2":{"4":1,"20":1,"39":2}}],["25f4ee",{"2":{"4":2}}],["20",{"2":{"2":20,"6":4}}],["20c997",{"2":{"2":1}}],["200",{"2":{"2":13,"6":6}}],["212529",{"2":{"2":1}}],["2",{"2":{"2":2,"13":1,"14":1,"40":1}}],["36px",{"2":{"33":1,"36":1}}],["36",{"2":{"33":1,"36":1}}],["30",{"2":{"4":1,"7":1}}],["300",{"2":{"2":13,"6":6}}],["35465c",{"2":{"4":1}}],["3cf",{"2":{"4":1}}],["3b5998",{"2":{"4":1}}],["343a40",{"2":{"2":1}}],["3",{"2":{"2":2}}],["single",{"2":{"40":1}}],["size",{"2":{"14":2,"28":3,"38":1}}],["size`",{"2":{"2":1}}],["spacing",{"2":{"34":7,"37":7}}],["split",{"2":{"16":1,"17":2}}],["scrollbars",{"2":{"27":1,"28":1}}],["scrollbar",{"0":{"26":1},"1":{"27":1,"28":1},"2":{"27":1,"28":7}}],["scsscolor",{"2":{"10":1}}],["scssbackground",{"2":{"9":1}}],["scss$brand",{"2":{"4":1}}],["scss",{"0":{"25":1,"41":1},"2":{"1":1,"2":11,"6":1,"8":2,"9":1,"11":1,"14":2,"15":1,"17":1,"18":1,"20":1,"21":1,"23":1,"24":1,"27":1,"28":1,"30":1,"31":1,"33":1,"34":1,"36":1,"37":1,"39":1,"40":1}}],["suffix",{"2":{"34":11,"37":11,"40":3}}],["supports",{"2":{"24":4}}],["substring",{"2":{"17":1}}],["same",{"2":{"40":1}}],["safari",{"2":{"23":1,"24":2}}],["sass",{"2":{"14":1,"17":2,"31":2,"40":1}}],["slice",{"2":{"17":3}}],["separator",{"2":{"17":4}}],["see",{"2":{"2":1}}],["sml",{"2":{"14":2}}],["style",{"2":{"25":1}}],["stylelint",{"2":{"14":1}}],["streamlining",{"2":{"18":1}}],["strings",{"2":{"21":1}}],["string",{"0":{"15":1},"1":{"16":1,"17":1},"2":{"15":1,"16":2,"17":17,"24":1,"25":1,"28":1,"31":1,"34":1,"37":1,"41":3}}],["standardizing",{"2":{"18":1}}],["start",{"2":{"2":4,"14":1}}],["state",{"2":{"2":1}}],["skype",{"2":{"4":1}}],["shortcut",{"2":{"21":1}}],["should",{"2":{"2":1}}],["shade",{"2":{"2":40,"6":8}}],["shadow",{"2":{"2":1}}],["source",{"0":{"2":1,"4":1,"6":1,"14":1,"17":1,"21":1,"31":1}}],["gt",{"2":{"34":2,"37":2,"41":2}}],["generator",{"2":{"40":1}}],["generates",{"2":{"29":1}}],["general",{"2":{"12":1}}],["get",{"2":{"1":1,"13":2,"14":7,"17":1}}],["giving",{"2":{"14":1}}],["given",{"2":{"9":1,"11":1,"38":1}}],["gives",{"2":{"8":1,"21":1}}],["github",{"2":{"2":2}}],["google",{"2":{"4":1}}],["gradient",{"2":{"4":2,"31":4}}],["gradients",{"2":{"3":1,"31":1}}],["gray",{"2":{"2":6}}],["green",{"2":{"2":1,"6":31,"8":1}}],["guebbit",{"2":{"1":4,"21":1,"23":1,"30":4,"34":1,"37":1,"41":1}}],["classnames",{"2":{"41":1}}],["class",{"2":{"39":1,"40":2}}],["classes",{"2":{"29":1,"31":3}}],["cumbersome",{"2":{"31":1}}],["custom",{"0":{"5":1},"1":{"6":1},"2":{"5":1,"11":1,"41":1}}],["customize",{"2":{"2":1}}],["create",{"0":{"29":1,"32":1,"35":1,"38":1},"1":{"30":1,"31":1,"33":1,"34":1,"36":1,"37":1,"39":1,"40":1,"41":1},"2":{"30":1,"31":2,"33":1,"34":1,"36":1,"37":1,"38":1,"39":1,"40":1}}],["care",{"2":{"31":1}}],["card",{"2":{"20":1}}],["callout",{"2":{"24":1}}],["child",{"2":{"21":1}}],["character",{"2":{"17":1}}],["changes",{"2":{"2":1}}],["checked",{"2":{"14":1}}],["check",{"2":{"8":1,"11":1,"17":1}}],["cc2366",{"2":{"4":1}}],["cc181e",{"2":{"4":1}}],["cyan",{"2":{"2":1}}],["ced4da",{"2":{"2":1}}],["corner",{"2":{"28":1}}],["core",{"2":{"6":1}}],["code",{"0":{"24":1,"28":1,"34":1,"37":1,"40":1},"1":{"25":1}}],["coupled",{"2":{"21":1}}],["convert",{"2":{"10":1}}],["container",{"2":{"21":4}}],["containers",{"2":{"19":1}}],["containing",{"2":{"18":1}}],["contrasty",{"2":{"9":1,"11":1}}],["contrast",{"0":{"9":1},"2":{"2":7,"9":3,"11":1,"24":2}}],["content",{"2":{"2":1,"21":1,"24":6,"25":2}}],["consistent",{"2":{"2":1}}],["compatibility",{"0":{"22":1},"1":{"23":1},"2":{"23":2,"24":1}}],["compares",{"2":{"9":1,"11":1}}],["com",{"2":{"2":2,"7":2}}],["collisions",{"2":{"34":1,"37":1,"41":1}}],["collections",{"2":{"5":1}}],["collection",{"2":{"1":1,"3":1,"6":1,"13":1,"14":2,"30":1,"31":1}}],["color",{"0":{"8":1,"9":1,"10":1,"11":1},"2":{"0":1,"1":2,"2":168,"5":1,"6":33,"7":1,"8":4,"9":8,"10":3,"11":8,"13":2,"14":5,"28":12,"29":2,"31":20}}],["colors",{"0":{"0":1,"3":1,"5":1,"7":1,"29":1},"1":{"1":1,"2":1,"4":1,"6":1,"8":1,"9":1,"10":1,"11":1,"30":1,"31":1},"2":{"2":7,"3":1,"6":1,"7":1,"30":1,"31":4}}],["css",{"0":{"18":1},"2":{"1":1,"7":2,"18":1,"25":1,"30":1,"31":1,"40":1,"41":1}}],["t",{"2":{"34":1,"37":1}}],["target",{"2":{"13":1,"14":1,"24":1}}],["thumb",{"2":{"28":1}}],["that",{"2":{"21":2,"31":2}}],["than",{"2":{"8":2}}],["through",{"2":{"17":1}}],["this",{"2":{"14":1}}],["they",{"2":{"31":1}}],["the",{"2":{"0":1,"2":3,"5":1,"9":1,"11":1,"12":1,"13":1,"14":3,"17":5,"21":4,"28":1,"31":2,"34":8,"37":8,"40":1,"41":1}}],["tiktok",{"2":{"4":2}}],["tint",{"2":{"2":40,"6":8}}],["tumblr",{"2":{"4":1}}],["twitch",{"2":{"4":1}}],["twitter",{"2":{"4":1}}],["twbs",{"2":{"2":2}}],["telegram",{"2":{"4":1}}],["text",{"2":{"2":1,"9":4,"31":7}}],["teal",{"2":{"2":1}}],["true",{"2":{"31":2,"33":1,"34":1,"36":1,"37":1,"39":1,"40":1}}],["transparent",{"2":{"14":2,"28":1}}],["try",{"2":{"14":1}}],["tr",{"2":{"2":1}}],["touch",{"2":{"24":1}}],["top",{"2":{"21":2,"34":4,"37":4}}],["to",{"2":{"2":3,"3":1,"8":1,"9":1,"10":1,"11":4,"14":5,"17":3,"19":1,"21":2,"25":1,"31":3,"34":1,"37":1,"41":2}}],["toolkit",{"0":{"18":1},"2":{"0":1,"1":1,"5":1,"12":1,"30":1}}],["b",{"2":{"34":1,"37":1}}],["bg",{"2":{"28":4,"31":9}}],["background",{"2":{"24":1,"28":7,"31":11}}],["become",{"2":{"31":1}}],["becomes",{"2":{"31":1}}],["because",{"2":{"31":1}}],["before",{"2":{"21":1,"31":4}}],["be",{"2":{"14":3,"21":1,"31":1,"40":1}}],["better",{"2":{"8":1}}],["branch",{"2":{"31":2}}],["brand",{"0":{"3":1},"1":{"4":1},"2":{"3":1,"4":2}}],["browser",{"2":{"24":1,"25":1}}],["browsers",{"2":{"23":1,"24":1}}],["brightness",{"0":{"8":1},"2":{"8":2,"9":10}}],["build",{"0":{"19":1,"22":1},"1":{"20":1,"21":1,"23":1},"2":{"19":1,"20":1,"21":7,"24":1,"27":1,"28":1}}],["building",{"2":{"7":1}}],["button",{"2":{"1":1}}],["bc1888",{"2":{"4":1}}],["boolean",{"2":{"34":1,"37":1,"41":1}}],["bootstrap",{"0":{"0":1},"1":{"1":1,"2":1},"2":{"0":1,"2":3}}],["both",{"2":{"34":2,"37":2}}],["bottom",{"2":{"34":4,"37":4}}],["border",{"2":{"28":1,"31":12}}],["box",{"2":{"2":1}}],["block",{"2":{"21":1}}],["blog",{"2":{"7":2}}],["blob",{"2":{"2":1}}],["black",{"2":{"2":1}}],["blue",{"2":{"1":1,"2":1,"8":1,"14":1}}],["by",{"2":{"0":1,"2":1,"5":1}}],["p100",{"2":{"39":1}}],["p75",{"2":{"39":1}}],["p50",{"2":{"39":1}}],["p25",{"2":{"39":1}}],["py",{"2":{"37":1}}],["px",{"2":{"37":1}}],["pl",{"2":{"37":1}}],["pb",{"2":{"37":1}}],["pt",{"2":{"37":1}}],["postfix",{"2":{"34":1,"37":1,"40":1}}],["position",{"2":{"21":2}}],["pseudo",{"2":{"31":7}}],["pixels",{"2":{"28":1}}],["pinterest",{"2":{"4":1}}],["pink",{"2":{"2":1}}],["push",{"2":{"17":1}}],["purple",{"2":{"2":1}}],["pa",{"2":{"37":1}}],["pairs",{"2":{"34":1,"37":1,"41":1}}],["padding",{"0":{"35":1},"1":{"36":1,"37":1},"2":{"21":1,"36":1,"37":14}}],["param",{"2":{"24":1,"28":3,"31":5,"34":1,"37":1,"40":1}}],["parameter",{"2":{"14":2}}],["parent",{"2":{"21":2}}],["pass",{"2":{"14":2}}],["palette",{"2":{"5":1,"7":1}}],["palettes",{"2":{"0":1}}],["paypal2",{"2":{"4":1}}],["paypal",{"2":{"4":1}}],["patreon",{"2":{"4":1}}],["pr",{"2":{"37":1}}],["prevent",{"2":{"34":1,"37":1,"41":1}}],["prefix",{"2":{"31":2,"34":1,"37":1,"41":1}}],["predefined",{"2":{"0":1}}],["processing",{"2":{"15":1}}],["property",{"2":{"2":1,"34":1,"37":1}}]],"serializationVersion":2}';export{e as default};

package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.js

@@ -1 +0,0 @@
-import{_ as a,c as n,o,j as e,a as s}from"./chunks/framework.BZemHgQ6.js";const x=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),i={name:"index.md"};function r(l,t,d,c,p,m){return o(),n("div",null,t[0]||(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[s("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"​")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1)]))}const u=a(i,[["render",r]]);export{x as __pageData,u as default};

package/docs/.vitepress/dist/assets/index.md.B1EiZFo_.lean.js

@@ -1 +0,0 @@
-import{_ as a,c as n,o,j as e,a as s}from"./chunks/framework.BZemHgQ6.js";const x=JSON.parse('{"title":"css-toolkit","description":"","frontmatter":{},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),i={name:"index.md"};function r(l,t,d,c,p,m){return o(),n("div",null,t[0]||(t[0]=[e("h1",{id:"css-toolkit",tabindex:"-1"},[s("css-toolkit "),e("a",{class:"header-anchor",href:"#css-toolkit","aria-label":'Permalink to "css-toolkit"'},"​")],-1),e("p",null,"A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",-1)]))}const u=a(i,[["render",r]]);export{x as __pageData,u as default};

package/docs/.vitepress/dist/assets/mixins_build-compatibility.md.CmlXWpxv.js

@@ -1,42 +0,0 @@
-import{_ as i,c as a,o as n,ag as t}from"./chunks/framework.BZemHgQ6.js";const g=JSON.parse('{"title":"Build Compatibility","description":"","frontmatter":{},"headers":[],"relativePath":"mixins/build-compatibility.md","filePath":"mixins/build-compatibility.md"}'),l={name:"mixins/build-compatibility.md"};function h(p,s,e,k,E,r){return n(),a("div",null,s[0]||(s[0]=[t(`<h1 id="build-compatibility" tabindex="-1">Build Compatibility <a class="header-anchor" href="#build-compatibility" aria-label="Permalink to &quot;Build Compatibility&quot;">​</a></h1><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>Compatibility mode for browsers Firefox, Internet Explorer, Microsoft Edge, Opera, Safari</p><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@include</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> guebbit-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    ...</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h1 id="code" tabindex="-1">Code <a class="header-anchor" href="#code" aria-label="Permalink to &quot;Code&quot;">​</a></h1><div class="language-scss vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">scss</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	Compatibility mode for browsers</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	@param string $browser: target browser</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">*	@content</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">**/</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@mixin</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> build-compatibility</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">$browser</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // INTERNET EXPLORER</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;ie&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @media</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> all</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> and</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-high-contrast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">), (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-high-contrast</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">active</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // MICROSOFT EDGE</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;edge&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-ms-ime-align</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">auto</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // FIREFOX</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;firefox&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-moz-appearance</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // OPERA</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;opera&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-o-object-fit</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">fill</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // SAFARI</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  @if</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> $browser</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ==</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &quot;safari&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    @supports</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">background</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-webkit-named-image</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">i</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">and</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">not</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">-webkit-touch-callout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)) {</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      @content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="scss-variables" tabindex="-1">SCSS variables <a class="header-anchor" href="#scss-variables" aria-label="Permalink to &quot;SCSS variables&quot;">​</a></h2><table tabindex="0"><thead><tr><th style="text-align:left;">Variable</th><th style="text-align:left;">Description</th><th style="text-align:left;">Accepted Values</th><th style="text-align:left;">Default</th></tr></thead><tbody><tr><td style="text-align:left;"><code>@content</code></td><td style="text-align:left;">CSS Style to apply</td><td style="text-align:left;"><code>content</code></td><td style="text-align:left;">\`\`</td></tr><tr><td style="text-align:left;"><code>$browser</code></td><td style="text-align:left;">browser name</td><td style="text-align:left;"><code>string</code></td><td style="text-align:left;"><code>none</code></td></tr></tbody></table>`,8)]))}const y=i(l,[["render",h]]);export{g as __pageData,y as default};