yummacss 1.1.0 → 2.0.0

package/gulpfile.js

@@ -1,28 +1,44 @@
-const { src, dest, watch, series } = require('gulp');
-const sass = require('gulp-sass')(require('sass'));
-const clean = require('gulp-clean-css');
-const rename = require('gulp-rename');
+const { src, dest, series } = require("gulp");
+const sass = require("gulp-sass")(require("sass"));
+const clean = require("gulp-clean-css");
+const rename = require("gulp-rename");
 
-function buildStyles() {
-    return src('yumma-css/**/*.scss')
-        .pipe(sass())
-        .pipe(rename('yumma.css'))
-        .pipe(dest('dist'));
+function standardFile() {
+  return src("src/**/*.scss")
+    .pipe(sass().on("error", sass.logError))
+    .pipe(rename("yumma.css"))
+    .pipe(dest("dist"));
 }
 
-function minifyStyles() {
-    return src('dist/yumma.css')
-        .pipe(clean())
-        .pipe(rename({ suffix: '.min' }))
-        .pipe(dest('dist'));
+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 coreFile() {
+  return src("src/core.scss")
+    .pipe(sass().on("error", sass.logError))
+    .pipe(rename("yumma-core.css"))
+    .pipe(dest("dist"));
 }
 
-exports.buildStyles = buildStyles;
-exports.minifyStyles = minifyStyles;
-exports.watch = watchTask;
+function minifiedCoreFile() {
+  return src("dist/yumma-core.css")
+    .pipe(clean())
+    .pipe(rename({ suffix: ".min" }))
+    .pipe(dest("dist"));
+}
+
+exports.standardFile = standardFile;
+exports.minifiedFile = minifiedFile;
+exports.coreFile = coreFile;
+exports.minifiedCoreFile = minifiedCoreFile;
 
-exports.default = series(buildStyles, minifyStyles, watchTask);
+exports.default = series(
+  standardFile,
+  minifiedFile,
+  coreFile,
+  minifiedCoreFile
+);

package/package.json

@@ -1,34 +1,34 @@
 {
-  "name": "yummacss",
-  "version": "1.1.0",
-  "description": "A CSS library for streamlined UI development.",
-  "main": "index.js",
-  "style": "dist/yumma.css",
   "author": "Renildo Pereira",
-  "keywords": [
-    "customization",
-    "ux design",
-    "css"
-  ],
+  "description": "Quickly build applications with less code in your markup.",
+  "homepage": "https://yummacss.com",
   "license": "MIT",
-  "homepage": "https://yummacss.vercel.app/",
-  "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\""
-  },
+  "name": "yummacss",
+  "style": "dist/yumma.css",
+  "version": "2.0.0",
   "devDependencies": {
-    "concurrently": "^8.2.2",
     "gulp": "^4.0.2",
     "gulp-clean-css": "^4.3.0",
     "gulp-copy": "^4.0.1",
-    "gulp-purgecss": "^5.0.0",
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^5.1.0",
+    "npm-run-all": "^4.1.5",
     "sass": "^1.62.1"
+  },
+  "keywords": [
+    "css",
+    "css-library",
+    "functional-css",
+    "gulp-sass",
+    "responsive",
+    "utility-classes",
+    "yummacss"
+  ],
+  "scripts": {
+    "std": "gulp standardFile",
+    "core": "gulp coreFile",
+    "min": "gulp minifiedFile",
+    "mincore": "gulp minifiedCoreFile",
+    "build": "npm-run-all --sequential std min core mincore"
   }
 }

package/src/_fonts.scss

@@ -0,0 +1,14 @@
+.ff-c {
+  font-family: $yma-font-charter;
+  font-weight: $yma-font-weight;
+}
+
+.ff-m {
+  font-family: $yma-font-mono;
+  font-weight: $yma-font-weight;
+}
+
+.ff-s {
+  font-family: $yma-font-system;
+  font-weight: $yma-font-weight;
+}

package/src/_stylecent.scss

@@ -0,0 +1,68 @@
+// Yumma CSS - Stylecent
+
+$stylecent: true !default;
+
+@if $stylecent {
+  *,
+  *::before,
+  *::after {
+    border-width: 0;
+    border-style: solid;
+    box-sizing: border-box;
+  }
+
+  * {
+    margin: 0;
+    color: inherit;
+    font-family: $yma-font-system;
+  }
+
+  body {
+    line-height: 1.5;
+    font-family: inherit;
+  }
+
+  img,
+  picture,
+  video,
+  canvas,
+  svg {
+    display: block;
+    max-width: 100%;
+  }
+
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font: inherit;
+    background-color: transparent;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    overflow-wrap: break-word;
+  }
+
+  a {
+    text-decoration: none;
+  }
+
+  ol,
+  ul {
+    padding: 0;
+    list-style: none;
+  }
+
+  hr {
+    border: 0;
+    margin: 1em 0;
+    border-top: $yma-colors-transparent;
+  }
+}