added format to the .min file

hypll · Dec 17, 2021 · fc681fb · fc681fb
1 parent b1e39fe
commit fc681fb
Show file tree

Hide file tree

Showing 22 changed files with 1,802 additions and 6,227 deletions.
diff --git a/dist/css/hypestyle.min.css b/dist/css/hypestyle.min.css
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
@@ -31,7 +31,7 @@ module.exports = {
             'link',
             {
                 rel: 'stylesheet',
-                href: 'https://unpkg.com/hypestyle@1.0.0/dist/hypestyle.min.css',
+                href: 'https://unpkg.com/hypestyle@0.1.4/dist/css/hypestyle.min.css',
             },
         ],
         [
@@ -79,7 +79,7 @@ module.exports = {
             {
                 title: 'Introduction',
                 collapsable: false,
-                path: '/docs/start/',
+                path: '/docs/',
             },
 
             {
@@ -94,20 +94,55 @@ module.exports = {
             {
                 title: 'Utilities',
                 collapsable: false,
+            },
+
+            {
+                title: 'Flex & Grid',
+                collapsable: false,
+                children: [
+                    '/docs/utilities/flex/flex-direction',
+                    '/docs/utilities/flex/flex-wrap',
+                ],
+            },
+
+            {
+                title: 'Typography',
+                collapsable: false,
+                children: [
+                    '/docs/utilities/typography/font-family',
+                    '/docs/utilities/typography/font-size',
+                    '/docs/utilities/typography/alignment',
+                    '/docs/utilities/typography/text-transform',
+                    '/docs/utilities/typography/text-decoration',
+                    '/docs/utilities/typography/text-owerflow',
+                ],
+            },
+
+            {
+                title: 'Spacing',
+                collapsable: false,
+                children: ['/docs/utilities/margin', '/docs/utilities/padding'],
+            },
+
+            {
+                title: 'Sizeing',
+                collapsable: false,
+                children: ['/docs/utilities/height', '/docs/utilities/width'],
+            },
+
+            {
+                title: 'Backgrounds',
+                collapsable: false,
+                children: [],
+            },
+
+            {
+                title: 'Colors',
+                collapsable: false,
                 children: [
-                    '/docs/utilities/alignment',
-                    '/docs/utilities/border-radius',
-                    '/docs/utilities/padding',
-                    '/docs/utilities/margin',
-                    '/docs/utilities/display',
-                    '/docs/utilities/flex-direction',
-                    '/docs/utilities/flex-wrap',
-                    '/docs/utilities/text-decoration',
-                    '/docs/utilities/font-family',
-                    '/docs/utilities/font-size',
-                    '/docs/utilities/height',
-                    '/docs/utilities/align-items',
-                    '/docs/utilities/shadows',
+                    '/docs/utilities/color',
+                    '/docs/utilities/background-color',
+                    '/docs/utilities/border-color',
                 ],
             },
         ],

diff --git a/docs/docs/index.md b/docs/docs/index.md
@@ -1,12 +1,12 @@
 ---
 tags:
-  - install
-  - docs
-  - cdn
-  - package manager
-  - included
-  - inclued
-  - what is included
+    - install
+    - docs
+    - cdn
+    - package manager
+    - included
+    - inclued
+    - what is included
 
 footer: MIT Licensed | Copyright © 2021
 ---
@@ -30,8 +30,8 @@ Copy-paste the stylesheet link below and add it to your project.
 
 ```html
 <link
-  rel="stylesheet"
-  href="https://unpkg.com/hypestyle@0.1.3/dist/hypestyle.min.css"
+    rel="stylesheet"
+    href="https://unpkg.com/hypestyle@0.1.3/dist/hypestyle.min.css"
 />
 ```
 
@@ -75,24 +75,20 @@ hypestyle/
 ```html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <!-- HypeStyle CSS -->
-    <link
-      rel="stylesheet"
-      href="https://unpkg.com/hypestyle@0.1.3/dist/hypestyle.min.css"
-    />
-
-    <title>Yeah i using HypeStyle CSS!</title>
-  </head>
-  <body>
-    <h1>Hello world!</h1>
-  </body>
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+        <!-- HypeStyle CSS -->
+        <link
+            rel="stylesheet"
+            href="https://unpkg.com/hypestyle@0.1.3/dist/hypestyle.min.css"
+        />
+
+        <title>Yeah i using HypeStyle CSS!</title>
+    </head>
+    <body>
+        <h1>Hello world!</h1>
+    </body>
 </html>
 ```
-
-## Do you have
-
-Eyy if you have any questions or suggestions, you can contact us. On the [GitHub]() page.
diff --git a/docs/docs/start/README.md b/docs/docs/start/README.md
diff --git a/docs/docs/utilities/cursor.md b/docs/docs/utilities/cursor.md
diff --git a/docs/docs/utilities/flex-direction.md → docs/docs/utilities/flex/flex-direction.md b/docs/docs/utilities/flex-direction.md → docs/docs/utilities/flex/flex-direction.md
diff --git a/docs/docs/utilities/flex-wrap.md → docs/docs/utilities/flex/flex-wrap.md b/docs/docs/utilities/flex-wrap.md → docs/docs/utilities/flex/flex-wrap.md
diff --git a/docs/docs/utilities/alignment.md → docs/docs/utilities/typography/alignment.md b/docs/docs/utilities/alignment.md → docs/docs/utilities/typography/alignment.md
@@ -1,5 +1,13 @@
 ---
-title: Alignment
+title: Text Alignment
+
+tags: center
+    left
+    right
+    justify
+    flex
+    inline
+    block
 ---
 
 # Alignment Classes

diff --git a/docs/docs/utilities/font-family.md → .../docs/utilities/typography/font-family.md b/docs/docs/utilities/font-family.md → .../docs/utilities/typography/font-family.md
diff --git a/docs/docs/utilities/font-size.md → docs/docs/utilities/typography/font-size.md b/docs/docs/utilities/font-size.md → docs/docs/utilities/typography/font-size.md
diff --git a/docs/docs/utilities/text-decoration.md → ...s/utilities/typography/text-decoration.md b/docs/docs/utilities/text-decoration.md → ...s/utilities/typography/text-decoration.md
diff --git a/docs/docs/utilities/typography/text-owerflox.md b/docs/docs/utilities/typography/text-owerflox.md
diff --git a/docs/docs/utilities/typography/text-transform.md b/docs/docs/utilities/typography/text-transform.md
@@ -0,0 +1,5 @@
+---
+title: Text Transform
+---
+
+Text transform
diff --git a/docs/docs/utilities/width.md b/docs/docs/utilities/width.md
@@ -0,0 +1,5 @@
+---
+title: Width
+---
+
+Width is a CSS utility that allows you to set the width of an element.
diff --git a/docs/index.md b/docs/index.md
@@ -2,7 +2,7 @@
 home: true
 heroImage: /img/icon.png
 actionText: Get Started
-actionLink: /docs/start
+actionLink: /docs/
 
 features:
     - title: 🛠 Easy to Use

diff --git a/docs/todo.md b/docs/todo.md
diff --git a/examples/index.html b/examples/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="stylesheet" href="../dist/css/hypestyle.min.css" />
+        <title>Document</title>
+    </head>
+    <body class="bg-gray text-center mt-3">
+        <button class="btn btn-primary text-white bs-sm tr-sm">Click me</button>
+    </body>
+</html>
diff --git a/gulpfile.js b/gulpfile.js
@@ -1,12 +1,16 @@
-const { src, dest, watch, series } = require("gulp");
-const sass = require("gulp-sass")(require("sass"));
+const { src, dest, watch, series } = require('gulp')
+const sass = require('gulp-sass')(require('sass'))
+cssFormat = require('gulp-css-format')
 
 function buildStyles() {
-  return src("src/**/*.scss").pipe(sass()).pipe(dest("dist/css"));
+    return src('src/**/*.scss')
+        .pipe(sass())
+        .pipe(cssFormat({ indent: 1, hasSpace: true }))
+        .pipe(dest('dist/css'))
 }
 
 function watchTask() {
-  watch(["src/**/*.scss"], buildStyles);
+    watch(['src/**/*.scss'], buildStyles)
 }
 
-exports.default = series(buildStyles, watchTask);
+exports.default = series(buildStyles, watchTask)
diff --git a/package.json b/package.json
@@ -1,33 +1,34 @@
 {
-  "name": "hypestyle",
-  "version": "0.1.4",
-  "main": "index.js",
-  "repository": "https://github.com/lassev05/HypeStyle.git",
-  "homepage": "https://hypestyle.netlify.app/",
-  "author": "devlassev <vestergaardlasse2@gmail.com>",
-  "license": "MIT",
-  "dependencies": {
-    "glob-parent": "5.1.2",
-    "graceful-fs": "^4.2.8",
-    "gulp": "^4.0.2",
-    "gulp-sass": "^5.0.0",
-    "lodash": "4.17.21",
-    "lodash.template": "4.5.0",
-    "minimatch": "3.0.2",
-    "sass": "^1.43.4",
-    "stylelint-config-standard": "^24.0.0",
-    "vuepress-theme-default-prefers-color-scheme": "^2.0.0"
-  },
-  "scripts": {
-    "css": "gulp",
-    "vuepress:dev": "npx vuepress dev docs",
-    "build": "npx vuepress build docs",
-    "publish": "docs/.vuepress/dist",
-    "prepare": "husky install"
-  },
-  "devDependencies": {
-    "@vuepress/plugin-back-to-top": "^1.8.2",
-    "eslint": "^8.3.0",
-    "husky": "^7.0.4"
-  }
+    "name": "hypestyle",
+    "version": "0.1.4",
+    "main": "index.js",
+    "repository": "https://github.com/lassev05/HypeStyle.git",
+    "homepage": "https://hypestyle.netlify.app/",
+    "author": "devlassev <vestergaardlasse2@gmail.com>",
+    "license": "MIT",
+    "dependencies": {
+        "glob-parent": "5.1.2",
+        "graceful-fs": "^4.2.8",
+        "gulp": "^4.0.2",
+        "gulp-sass": "^5.0.0",
+        "lodash": "4.17.21",
+        "lodash.template": "4.5.0",
+        "minimatch": "3.0.2",
+        "sass": "^1.43.4",
+        "stylelint-config-standard": "^24.0.0",
+        "vuepress-theme-default-prefers-color-scheme": "^2.0.0"
+    },
+    "scripts": {
+        "css": "gulp",
+        "dev": "npx vuepress dev docs",
+        "build": "npx vuepress build docs",
+        "publish": "docs/.vuepress/dist",
+        "prepare": "husky install"
+    },
+    "devDependencies": {
+        "@vuepress/plugin-back-to-top": "^1.8.2",
+        "eslint": "^8.3.0",
+        "gulp-css-format": "^0.1.2",
+        "husky": "^7.0.4"
+    }
 }