yummacss 1.1.0 → 1.2.0

package/gulpfile.js

@@ -3,26 +3,26 @@ const sass = require('gulp-sass')(require('sass'));
 const clean = require('gulp-clean-css');
 const rename = require('gulp-rename');
 
-function buildStyles() {
+function standardFile() {
     return src('yumma-css/**/*.scss')
         .pipe(sass())
         .pipe(rename('yumma.css'))
         .pipe(dest('dist'));
 }
 
-function minifyStyles() {
+function minifiedFile() {
     return src('dist/yumma.css')
         .pipe(clean())
         .pipe(rename({ suffix: '.min' }))
         .pipe(dest('dist'));
 }
 
-function watchTask() {
-    watch(['yumma-css/**/*.scss', '*.html'], series(buildStyles, minifyStyles));
+function watchFiles() {
+    watch(['yumma-css/**/*.scss', '*.html'], series(standardFile, minifiedFile));
 }
 
-exports.buildStyles = buildStyles;
-exports.minifyStyles = minifyStyles;
-exports.watch = watchTask;
+exports.standardFile = standardFile;
+exports.minifiedFile = minifiedFile;
+exports.watch = watchFiles;
 
-exports.default = series(buildStyles, minifyStyles, watchTask);
+exports.default = series(standardFile, minifiedFile, watchFiles);

package/package.json

@@ -1,28 +1,26 @@
 {
   "name": "yummacss",
-  "version": "1.1.0",
-  "description": "A CSS library for streamlined UI development.",
+  "version": "1.2.0",
+  "description": "Build beautiful websites with small class names.",
   "main": "index.js",
   "style": "dist/yumma.css",
   "author": "Renildo Pereira",
   "keywords": [
-    "customization",
-    "ux design",
-    "css"
+    "css",
+    "css library",
+    "customization"
   ],
   "license": "MIT",
-  "homepage": "https://yummacss.vercel.app/",
+  "homepage": "https://yummacss.com",
   "bugs": {
     "url": "https://github.com/yumma-lib/yumma-css/issues"
   },
   "scripts": {
-    "build": "gulp buildStyles",
-    "minify": "gulp minifyStyles",
-    "watch": "gulp watchTask",
-    "prod": "concurrently \"gulp buildStyles\" \"gulp minifyStyles\""
+    "std": "gulp standardFile",
+    "min": "gulp minifiedFile",
+    "watch": "gulp watchFiles"
   },
   "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

@@ -1,43 +1,62 @@
-/* Yumma CSS - https://yummacss.vercel.app/ */
+/* Yumma CSS - https://yummacss.com */
+
+*,
+*::before,
+*::after {
+    border-width: 0;
+    border-style: solid;
+    box-sizing: border-box;
+}
+
 * {
-    color: inherit;
     margin: 0;
-    font-family: system-ui, sans-serif;
+    color: inherit;
+    font-family: $yma-system-fonts;
 }
 
 body {
+    line-height: 1.5;
     font-family: inherit;
 }
 
-a {
-    color: inherit;
-    text-decoration: none;
+img,
+picture,
+video,
+canvas,
+svg {
+    display: block;
+    max-width: 100%;
 }
 
-hr {
-    border: 0;
-    border-top: 1px solid #efefef;
-    margin: 1em 0;
+input,
+button,
+textarea,
+select {
+    font: inherit;
 }
 
-html {
-    scroll-behavior: smooth;
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    overflow-wrap: break-word;
 }
 
-img,
-picture,
-svg,
-video {
-    max-width: 100%;
-    display: block;
+a {
+    text-decoration: none;
 }
 
+ol,
 ul {
     padding: 0;
     list-style: none;
 }
 
-::before,
-::after {
-    box-sizing: border-box;
-}
+hr {
+    border: 0;
+    margin: 1em 0;
+    border-top: $ym-colors-transparent;
+}

package/yumma-css/_colors.scss

@@ -1,5 +1,4 @@
-@each $k, $v in $base-colors {
-
+@each $k, $v in $yma-colors {
     // backgrounds
     .bg-#{$k} {
         background-color: $v;
@@ -115,7 +114,6 @@
     }
 
     @if ($v !=black and $v !=white) {
-
         // light variations
         @for $i from 1 through 6 {
             .bg-l-#{$k}-#{$i} {

package/yumma-css/_fonts.scss

@@ -1,19 +1,19 @@
 .ff-d {
-    font-family: $base-system-fonts;
-    font-weight: $base-font-weight;
+    font-family: $yma-system-fonts;
+    font-weight: $yma-font-weight;
 }
 
 .ff-c {
-    font-family: $base-charter-fonts;
-    font-weight: $base-font-weight;
+    font-family: $yma-charter-fonts;
+    font-weight: $yma-font-weight;
 }
 
 .ff-i {
-    font-family: $base-inter-fonts;
-    font-weight: $base-font-weight;
+    font-family: $yma-inter-fonts;
+    font-weight: $yma-font-weight;
 }
 
 .ff-m {
-    font-family: $base-monospace-fonts;
-    font-weight: $base-font-weight;
+    font-family: $yma-monospace-fonts;
+    font-weight: $yma-font-weight;
 }

package/yumma-css/_layout.scss

@@ -15,4 +15,4 @@
 .row {
     display: flex;
     flex-flow: row wrap;
-}
+}