1mpacto-sass 0.0.2 → 0.0.3

package/_preflight.scss

@@ -4,11 +4,13 @@
 @mixin preflight($font-family-map: (), $border-color: #e5e7eb) {
     // RESOLVE FONTS
     $sans-font: map.get($font-family-map, 'sans');
+
     @if not $sans-font {
         $sans-font: (ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
     }
 
     $mono-font: map.get($font-family-map, 'mono');
+
     @if not $mono-font {
         $mono-font: (ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
     }
@@ -26,10 +28,14 @@
     *,
     ::before,
     ::after {
-        box-sizing: border-box; /* 1 */
-        border-width: 0; /* 2 */
-        border-style: solid; /* 2 */
-        border-color: #{$border-color}; /* 2 */
+        box-sizing: border-box;
+        /* 1 */
+        border-width: 0;
+        /* 2 */
+        border-style: solid;
+        /* 2 */
+        border-color: #{$border-color};
+        /* 2 */
     }
 
     ::before,
@@ -49,14 +55,22 @@
 
     html,
     :host {
-        line-height: 1.5; /* 1 */
-        -webkit-text-size-adjust: 100%; /* 2 */
-        -moz-tab-size: 4; /* 3 */
-        tab-size: 4; /* 3 */
-        font-family: $sans-font; /* 4 */
-        font-feature-settings: normal; /* 5 */
-        font-variation-settings: normal; /* 6 */
-        -webkit-tap-highlight-color: transparent; /* 7 */
+        line-height: 1.5;
+        /* 1 */
+        -webkit-text-size-adjust: 100%;
+        /* 2 */
+        -moz-tab-size: 4;
+        /* 3 */
+        tab-size: 4;
+        /* 3 */
+        font-family: $sans-font;
+        /* 4 */
+        font-feature-settings: normal;
+        /* 5 */
+        font-variation-settings: normal;
+        /* 6 */
+        -webkit-tap-highlight-color: transparent;
+        /* 7 */
     }
 
     /*
@@ -65,8 +79,10 @@
     */
 
     body {
-        margin: 0; /* 1 */
-        line-height: inherit; /* 2 */
+        margin: 0;
+        /* 1 */
+        line-height: inherit;
+        /* 2 */
     }
 
     /*
@@ -76,9 +92,12 @@
     */
 
     hr {
-        height: 0; /* 1 */
-        color: inherit; /* 2 */
-        border-top-width: 1px; /* 3 */
+        height: 0;
+        /* 1 */
+        color: inherit;
+        /* 2 */
+        border-top-width: 1px;
+        /* 3 */
     }
 
     /*
@@ -132,10 +151,14 @@
     kbd,
     samp,
     pre {
-        font-family: $mono-font; /* 1 */
-        font-feature-settings: normal; /* 2 */
-        font-variation-settings: normal; /* 3 */
-        font-size: 1em; /* 4 */
+        font-family: $mono-font;
+        /* 1 */
+        font-feature-settings: normal;
+        /* 2 */
+        font-variation-settings: normal;
+        /* 3 */
+        font-size: 1em;
+        /* 4 */
     }
 
     /*
@@ -173,9 +196,12 @@
     */
 
     table {
-        text-indent: 0; /* 1 */
-        border-color: inherit; /* 2 */
-        border-collapse: collapse; /* 3 */
+        text-indent: 0;
+        /* 1 */
+        border-color: inherit;
+        /* 2 */
+        border-collapse: collapse;
+        /* 3 */
     }
 
     /*
@@ -189,15 +215,24 @@
     optgroup,
     select,
     textarea {
-        font-family: inherit; /* 1 */
-        font-feature-settings: inherit; /* 1 */
-        font-variation-settings: inherit; /* 1 */
-        font-size: 100%; /* 1 */
-        font-weight: inherit; /* 1 */
-        line-height: inherit; /* 1 */
-        color: inherit; /* 1 */
-        margin: 0; /* 2 */
-        padding: 0; /* 3 */
+        font-family: inherit;
+        /* 1 */
+        font-feature-settings: inherit;
+        /* 1 */
+        font-variation-settings: inherit;
+        /* 1 */
+        font-size: 100%;
+        /* 1 */
+        font-weight: inherit;
+        /* 1 */
+        line-height: inherit;
+        /* 1 */
+        color: inherit;
+        /* 1 */
+        margin: 0;
+        /* 2 */
+        padding: 0;
+        /* 3 */
     }
 
     /*
@@ -215,12 +250,15 @@
     */
 
     button,
-    [type='button'],
-    [type='reset'],
-    [type='submit'] {
-        -webkit-appearance: button; /* 1 */
-        background-color: transparent; /* 2 */
-        background-image: none; /* 2 */
+    input:where([type='button']),
+    input:where([type='reset']),
+    input:where([type='submit']) {
+        -webkit-appearance: button;
+        /* 1 */
+        background-color: transparent;
+        /* 2 */
+        background-image: none;
+        /* 2 */
     }
 
     /*
@@ -262,8 +300,10 @@
     */
 
     [type='search'] {
-        -webkit-appearance: textfield; /* 1 */
-        outline-offset: -2px; /* 2 */
+        -webkit-appearance: textfield;
+        /* 1 */
+        outline-offset: -2px;
+        /* 2 */
     }
 
     /*
@@ -280,8 +320,10 @@
     */
 
     ::-webkit-file-upload-button {
-        -webkit-appearance: button; /* 1 */
-        font: inherit; /* 2 */
+        -webkit-appearance: button;
+        /* 1 */
+        font: inherit;
+        /* 2 */
     }
 
     /*
@@ -351,8 +393,10 @@
 
     input::placeholder,
     textarea::placeholder {
-        opacity: 1; /* 1 */
-        color: #9ca3af; /* 2 */
+        opacity: 1;
+        /* 1 */
+        color: #9ca3af;
+        /* 2 */
     }
 
     /*
@@ -386,8 +430,10 @@
     iframe,
     embed,
     object {
-        display: block; /* 1 */
-        vertical-align: middle; /* 2 */
+        display: block;
+        /* 1 */
+        vertical-align: middle;
+        /* 2 */
     }
 
     /*
@@ -404,4 +450,4 @@
     [hidden] {
         display: none;
     }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "1mpacto-sass",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "sass generator for css utility first",
   "type": "module",
   "exports": {