@guebbit/css-toolkit 1.2.0 → 1.3.1

package/docs/mixins/build-scrollbar.md

@@ -1,19 +1,19 @@
-# Scrollbar
-
-## Example
-Scrollbars of element
-
-```scss
-    @include build-scrollbar(4px, #fff, #000, 10px);
-```
-
-## Code
-
-<<< ../../src/mixins/_build-scrollbar.scss
-
-| Variable  | Description             | Accepted Values | Default |
-|:----------|:------------------------|:----------------|:--------|
-| `$size`   | Size of scrollbar       | `size`          | `4px`   |
-| `$color`  | Color of scrollbar      | `color`         | `#fff`  |
-| `$bg`     | Color in the background | `color`         | `auto`  |
+# Scrollbar
+
+## Example
+Scrollbars of element
+
+```scss
+    @include build-scrollbar(4px, #fff, #000, 10px);
+```
+
+## Code
+
+<<< ../../src/mixins/_build-scrollbar.scss
+
+| Variable  | Description             | Accepted Values | Default |
+|:----------|:------------------------|:----------------|:--------|
+| `$size`   | Size of scrollbar       | `size`          | `4px`   |
+| `$color`  | Color of scrollbar      | `color`         | `#fff`  |
+| `$bg`     | Color in the background | `color`         | `auto`  |
 | `$radius` | Radius of scrollbar     | `size`          | `10px`  |

package/docs/mixins/create-helper-margin.md

@@ -1,25 +1,25 @@
-# Create Margin
-
-## Example
-
-```scss
-@include create-helper-margin((
-    (auto, auto),
-    (6, 6px),
-    (12, 12px),
-    (24, 24px),
-    (36, 36px),
-    (48, 48px),
-), true);
-```
-
-## Code
-
-<<< ../../src/mixins/_create-helper-margin.scss
-
-
-| Variable          | Description                                              | Accepted Values       | Default |
-|:------------------|:---------------------------------------------------------|:----------------------|:--------|
-| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
-| `$important`      | If instruction is !important                             | `boolean`             | `false` |
-| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |
+# Create Margin
+
+## Example
+
+```scss
+@include create-helper-margin((
+    (auto, auto),
+    (6, 6px),
+    (12, 12px),
+    (24, 24px),
+    (36, 36px),
+    (48, 48px),
+), true);
+```
+
+## Code
+
+<<< ../../src/mixins/_create-helper-margin.scss
+
+
+| Variable          | Description                                              | Accepted Values       | Default |
+|:------------------|:---------------------------------------------------------|:----------------------|:--------|
+| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
+| `$important`      | If instruction is !important                             | `boolean`             | `false` |
+| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |

package/docs/mixins/create-helper-padding.md

@@ -1,24 +1,24 @@
-# Create Padding
-
-## Example
-
-```scss
-@include create-helper-padding((
-    (6, 6px),
-    (12, 12px),
-    (24, 24px),
-    (36, 36px),
-    (48, 48px),
-), true);
-```
-
-## Code
-
-<<< ../../src/mixins/_create-helper-margin.scss
-
-
-| Variable          | Description                                              | Accepted Values       | Default |
-|:------------------|:---------------------------------------------------------|:----------------------|:--------|
-| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
-| `$important`      | If instruction is !important                             | `boolean`             | `false` |
-| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |
+# Create Padding
+
+## Example
+
+```scss
+@include create-helper-padding((
+    (6, 6px),
+    (12, 12px),
+    (24, 24px),
+    (36, 36px),
+    (48, 48px),
+), true);
+```
+
+## Code
+
+<<< ../../src/mixins/_create-helper-margin.scss
+
+
+| Variable          | Description                                              | Accepted Values       | Default |
+|:------------------|:---------------------------------------------------------|:----------------------|:--------|
+| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
+| `$important`      | If instruction is !important                             | `boolean`             | `false` |
+| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |

package/docs/mixins/create-instruction.md

@@ -1,33 +1,33 @@
-# Create Instruction
-
-Create instructions. Given name and size.
-Example: width and min-width
-
-## Example
-
-```scss
-@include create-instructions("width", (
-    (25, 25%),
-    (50, 50%),
-    (75, 75%),
-    (100, 100%),
-    (p25, 25px),
-    (p50, 50px),
-    (p75, 75px),
-    (p100, 100px)
-), true);
-```
-
-## Code
-
-<<< ../../src/mixins/_create-instructions.scss
-
-## SCSS variables
-
-| Variable          | Description                                              | Accepted Values       | Default |
-|:------------------|:---------------------------------------------------------|:----------------------|:--------|
-| `$instruction`    | CSS instruction to insert                                | `string`              | `none`  |
-| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
-| `$important`      | Flag: if instruction is !important                       | `boolean`             | `false` |
-| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |
+# Create Instruction
+
+Create instructions. Given name and size.
+Example: width and min-width
+
+## Example
+
+```scss
+@include create-class("width", (
+    (25, 25%),
+    (50, 50%),
+    (75, 75%),
+    (100, 100%),
+    (p25, 25px),
+    (p50, 50px),
+    (p75, 75px),
+    (p100, 100px)
+), true);
+```
+
+## Code
+
+<<< ../../src/mixins/_create-class.scss
+
+## SCSS variables
+
+| Variable          | Description                                              | Accepted Values       | Default |
+|:------------------|:---------------------------------------------------------|:----------------------|:--------|
+| `$instruction`    | CSS instruction to insert                                | `string`              | `none`  |
+| `$measure-list`   | List of pairs <name, value>                              | `Array<name,value>[]` | `[]`    |
+| `$important`      | Flag: if instruction is !important                       | `boolean`             | `false` |
+| `$prefix`         | Eventual prefix (like `guebbit-`), to prevent collisions | `string`              | ``      |
 | `$delimiter`      | Custom delimeter of the final classnames                 | `string`              | `-`     |

package/package.json

@@ -1,61 +1,61 @@
-{
-  "name": "@guebbit/css-toolkit",
-  "type": "module",
-  "version": "1.2.0",
-  "description": "A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",
-  "main": "vite.config.js",
-  "files": [
-    "docs",
-    "src",
-    "test",
-    "index.scss",
-    "README.md",
-    "LICENSE",
-    "CHANGELOG",
-    "vite.config.ts"
-  ],
-  "scripts": {
-    "test": "mocha",
-    "lint": "stylelint \"**/*.scss\" --fix",
-    "docs:dev": "vitepress dev docs --port 8080",
-    "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs --port 8080",
-    "prepublish": "npm run lint && npm run test && npm run docs:build",
-    "publish:public": "npm publish --access public"
-  },
-  "devDependencies": {
-    "@types/node": "^22.5.4",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "autoprefixer": "^10.4.16",
-    "breakpoint-sass": "^3.0.0",
-    "chai": "^5.1.1",
-    "css-loader": "^7.1.2",
-    "cssnano": "^7.0.6",
-    "mocha": "^11.0.1",
-    "postcss": "^8.4.33",
-    "postcss-loader": "^8.1.1",
-    "postcss-prefix-selector": "^2.1.0",
-    "sass": "^1.69.7",
-    "style-loader": "^4.0.0",
-    "stylelint": "^16.1.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^14.0.0",
-    "stylelint-scss": "^6.0.0",
-    "vite": "^6.0.3",
-    "vitepress": "^1.0.0-rc.36"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Guebbit/css-toolkit.git"
-  },
-  "keywords": [
-    "SCSS",
-    "Library"
-  ],
-  "author": "Guebbit <guerzoni.andrea91@gmail.com> (https://guebbit.com/)",
-  "license": "AGPL-3.0-or-later",
-  "bugs": {
-    "url": "https://github.com/Guebbit/css-toolkit/issues"
-  },
-  "homepage": "https://github.com/Guebbit/css-toolkit#readme"
-}
+{
+  "name": "@guebbit/css-toolkit",
+  "type": "module",
+  "version": "1.3.1",
+  "description": "A repository containing helpful SCSS functions, mixins, and utilities for streamlining and standardizing CSS development",
+  "main": "vite.config.js",
+  "files": [
+    "docs",
+    "src",
+    "test",
+    "index.scss",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG",
+    "vite.config.ts"
+  ],
+  "scripts": {
+    "test": "mocha",
+    "lint": "stylelint \"**/*.scss\" --fix",
+    "docs:dev": "vitepress dev docs --port 8080",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs --port 8080",
+    "prepublish": "npm run lint && npm run test && npm run docs:build",
+    "publish:public": "npm publish --access public"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.5",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "autoprefixer": "^10.4.20",
+    "breakpoint-sass": "^3.0.0",
+    "chai": "^5.2.0",
+    "css-loader": "^7.1.2",
+    "cssnano": "^7.0.6",
+    "mocha": "^11.1.0",
+    "postcss": "^8.5.3",
+    "postcss-loader": "^8.1.1",
+    "postcss-prefix-selector": "^2.1.0",
+    "sass": "^1.85.0",
+    "style-loader": "^4.0.0",
+    "stylelint": "^16.14.1",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-standard-scss": "^14.0.0",
+    "stylelint-scss": "^6.11.1",
+    "vite": "^6.1.1",
+    "vitepress": "^1.6.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Guebbit/css-toolkit.git"
+  },
+  "keywords": [
+    "SCSS",
+    "Library"
+  ],
+  "author": "Guebbit <guerzoni.andrea91@gmail.com> (https://guebbit.com/)",
+  "license": "AGPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/Guebbit/css-toolkit/issues"
+  },
+  "homepage": "https://github.com/Guebbit/css-toolkit#readme"
+}