beathers 5.3.4 → 5.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG +9 -1
- package/dist/css/beathers.min.css +1 -1
- package/dist/css/beathers.min.css.map +1 -1
- package/dist/scripts/commands/build.js +12 -6
- package/dist/scss/beathers.min.scss +1 -1
- package/package.json +3 -3
- package/readme.md +13 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "beathers",
|
|
3
|
-
"version": "5.3.
|
|
3
|
+
"version": "5.3.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Beather is a lightweight SCSS library that serves as a comprehensive design system for your projects. It offers a structured and consistent approach to manage colors, fonts, and other design related variables, making it easier to maintain a cohesive visual identity across your application.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -56,7 +56,8 @@
|
|
|
56
56
|
"license": "MIT",
|
|
57
57
|
"homepage": "https://bhoenixstudio.com/beathers",
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"fs-extra": "^11.3.0"
|
|
59
|
+
"fs-extra": "^11.3.0",
|
|
60
|
+
"sass": "^1.88.0"
|
|
60
61
|
},
|
|
61
62
|
"devDependencies": {
|
|
62
63
|
"@eslint/js": "^9.26.0",
|
|
@@ -76,7 +77,6 @@
|
|
|
76
77
|
"postcss-scss": "^4.0.9",
|
|
77
78
|
"prettier": "^3.5.3",
|
|
78
79
|
"rimraf": "^6.0.1",
|
|
79
|
-
"sass": "^1.88.0",
|
|
80
80
|
"stylelint": "^16.19.1",
|
|
81
81
|
"stylelint-config-prettier": "^9.0.5",
|
|
82
82
|
"stylelint-config-standard-scss": "^15.0.1",
|
package/readme.md
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
[](https://opensource.org/licenses/MIT)
|
|
8
8
|
[](https://www.npmjs.com/package/beathers?activeTab=code)
|
|
9
9
|
|
|
10
|
-
|
|
11
10
|
Beathers is a lightweight, powerful SCSS library designed to accelerate your web development workflow.**Everything is fully customizable** through a simple configuration file, allowing you to tailor every aspect to match your brand and requirements. It offers a comprehensive suite of SCSS mixins, variables, and utility classes, enabling you to build responsive, visually appealing web applications with complete design control.
|
|
12
11
|
|
|
13
12
|
## Get Started
|
|
@@ -85,11 +84,21 @@ Beathers provides a comprehensive set of CLI commands to manage your design syst
|
|
|
85
84
|
|
|
86
85
|
```scss
|
|
87
86
|
// Import the entire library
|
|
88
|
-
@import 'node_modules/beathers/
|
|
87
|
+
@import 'node_modules/beathers/dist/scss/beathers.min.scss';
|
|
89
88
|
|
|
90
89
|
// Or import specific modules
|
|
91
|
-
@import 'node_modules/beathers/
|
|
92
|
-
@import 'node_modules/beathers/
|
|
90
|
+
@import 'node_modules/beathers/dist/scss/functions/colors';
|
|
91
|
+
@import 'node_modules/beathers/dist/scss/style/grid';
|
|
92
|
+
|
|
93
|
+
// Or import using @use with changing variables
|
|
94
|
+
@use 'node_modules/beathers/dist/scss/beathers.min.scss' with (
|
|
95
|
+
$colors: (
|
|
96
|
+
1: (
|
|
97
|
+
'light': '#000000',
|
|
98
|
+
'dark': '$ffffff',
|
|
99
|
+
),
|
|
100
|
+
)
|
|
101
|
+
);
|
|
93
102
|
```
|
|
94
103
|
|
|
95
104
|
**JavaScript/Framework Import:**
|