yummacss 1.0.1 → 1.0.3

package/gulpfile.js

@@ -14,7 +14,7 @@ function minifyStyles() {
     return src('dist/yumma.css')
         .pipe(clean())
         .pipe(rename({ suffix: '.min' }))
-        .pipe(dest('public/css'));
+        .pipe(dest('dist'));
 }
 
 function watchTask() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yummacss",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A CSS library for streamlined UI development.",
   "main": "index.js",
   "style": "dist/yumma.css",
@@ -18,9 +18,11 @@
   "scripts": {
     "build": "gulp buildStyles",
     "minify": "gulp minifyStyles",
-    "watch": "gulp watchTask"
+    "watch": "gulp watchTask",
+    "prod": "concurrently \"gulp buildStyles\" \"gulp minifyStyles\""
   },
   "devDependencies": {
+    "concurrently": "^8.2.2",
     "gulp": "^4.0.2",
     "gulp-clean-css": "^4.3.0",
     "gulp-copy": "^4.0.1",

package/yumma-css/_base.scss

@@ -2,7 +2,11 @@
 * {
     color: inherit;
     margin: 0;
-    font-weight: 500;
+    font-family: system-ui, sans-serif;
+}
+
+body {
+    font-family: inherit;
 }
 
 a {
@@ -20,9 +24,12 @@ html {
     scroll-behavior: smooth;
 }
 
-img {
+img,
+picture,
+svg,
+video {
     max-width: 100%;
-    height: auto;
+    display: block;
 }
 
 ul {
@@ -33,4 +40,4 @@ ul {
 ::before,
 ::after {
     box-sizing: border-box;
-}
+}

package/yumma-css/_colors.scss

@@ -196,7 +196,7 @@
                 }
             }
 
-            .cc-#{$k}-#{$i} {
+            .cc-l-#{$k}-#{$i} {
                 caret-color: mix(white, $v, $i * 10%);
             }
 
@@ -303,7 +303,7 @@
                 caret-color: mix(black, $v, $i * 10%);
             }
 
-            .h\:cc-#{$k}-#{$i} {
+            .h\:cc-d-#{$k}-#{$i} {
                 &:hover {
                     caret-color: mix(black, $v, $i * 10%);
                 }

package/yumma-css/_utilities.scss

@@ -1017,33 +1017,9 @@ $utilities: (
     .min-h-#{$key} {
         min-height: $value;
     }
-
-    .w-#{$key} {
-        width: $value;
-    }
-
-    .max-w-#{$key} {
-        max-width: $value;
-    }
-
-    .min-w-#{$key} {
-        min-width: $value;
-    }
 }
 
 @each $key, $value in $custom-width-values {
-    .h-#{$key} {
-        height: $value;
-    }
-
-    .max-h-#{$key} {
-        max-height: $value;
-    }
-
-    .min-h-#{$key} {
-        min-height: $value;
-    }
-
     .w-#{$key} {
         width: $value;
     }