yummacss 0.2.0 → 1.0.0
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.md +46 -1
- package/LICENSE +1 -1
- package/README.md +6 -6
- package/dist/yumma.css +12965 -7426
- package/gulpfile.js +2 -2
- package/index.js +3 -3
- package/package.json +2 -2
- package/public/css/yumma.min.css +1 -1
- package/yumma-css/_base.scss +13 -7
- package/yumma-css/_colors.scss +56 -25
- package/yumma-css/_fonts.scss +19 -0
- package/yumma-css/_grid.scss +1 -36
- package/yumma-css/_layout.scss +18 -0
- package/yumma-css/_utilities.scss +796 -431
- package/yumma-css/_variables.scss +53 -36
- package/yumma-css/components/_badge.scss +6 -7
- package/yumma-css/components/_navbar.scss +3 -7
- package/yumma-css/index.scss +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -57,4 +57,49 @@ All notable changes to the Yumma CSS Library will be documented in this file.
|
|
|
57
57
|
- None
|
|
58
58
|
|
|
59
59
|
### Deprecated
|
|
60
|
-
- None
|
|
60
|
+
- None
|
|
61
|
+
|
|
62
|
+
## v1.0.0
|
|
63
|
+
|
|
64
|
+
### Added
|
|
65
|
+
- Added `flow-root` property to **Display** classes.
|
|
66
|
+
- Added `inline-start` and `inline-end` properties to **Float** classes.
|
|
67
|
+
- Added `justify-all` and `match-parent` properties to **Text Align** classes.
|
|
68
|
+
- Added `overline` property to **Text Decoration Line** classes.
|
|
69
|
+
- Added `flex-start` and `flex-end` properties to **Align Items** classes.
|
|
70
|
+
- Added `end`, `flex-start`, `flex-end`, `left`, `right`, `normal` and `stretch` properties to **Justify Content** classes.
|
|
71
|
+
- Added `.mx` and `.my` **Margin** classes.
|
|
72
|
+
- Added `.px` and `.py` **Padding** classes.
|
|
73
|
+
- Added viewport values for **Height** and **Width** classes.
|
|
74
|
+
- Added the color `lead` in the Color Palette.
|
|
75
|
+
- Added **Align Content** classes.
|
|
76
|
+
- Added **Align Self** classes.
|
|
77
|
+
- Added **Flex Basis** classes.
|
|
78
|
+
- Added **Flex Grow** classes.
|
|
79
|
+
- Added **Grid Auto Columns** classes.
|
|
80
|
+
- Added **Grid Auto Flow** classes.
|
|
81
|
+
- Added **Grid Auto Rows** classes.
|
|
82
|
+
- Added **Justify Items** classes.
|
|
83
|
+
- Added **Justify Self** classes.
|
|
84
|
+
- Added **Cursor** classes.
|
|
85
|
+
- Added **List Style Type** classes.
|
|
86
|
+
- Added **Appearance** classes.
|
|
87
|
+
- Added **Pointer Events** classes.
|
|
88
|
+
- Added **User Select** classes.
|
|
89
|
+
- Added **Caret Colors** classes.
|
|
90
|
+
- Added **Font Family** classes.
|
|
91
|
+
- Added **Text Decoration** classes.
|
|
92
|
+
|
|
93
|
+
### Changed
|
|
94
|
+
- Updated display class syntax from `dis-{value}` to `d-{value}`.
|
|
95
|
+
- Updated hover state class syntax from `{value}-h-{value}` to `h:{value}`.
|
|
96
|
+
- Updated `greet()` function name to `showVer()`.
|
|
97
|
+
- Color palettes now use RGB.
|
|
98
|
+
|
|
99
|
+
### Fixed
|
|
100
|
+
- Small CSS resetting improvements.
|
|
101
|
+
|
|
102
|
+
### Deprecated
|
|
103
|
+
- Removed `break-all` and `keep-all` properties from **Overflow Wrap** classes.
|
|
104
|
+
- Removed duplicate classes for **Justify Content** classes.
|
|
105
|
+
- Removed class `nav-l` from navbar.scss.
|
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -18,28 +18,28 @@ npm install yummacss
|
|
|
18
18
|
```
|
|
19
19
|
|
|
20
20
|
## Version Display
|
|
21
|
-
To display the Yumma CSS version in your console, import the following code snippet and call the `
|
|
21
|
+
To display the Yumma CSS version in your console, import the following code snippet and call the `showVer` function:
|
|
22
22
|
|
|
23
23
|
```js
|
|
24
24
|
const packageJson = require('./package.json');
|
|
25
25
|
|
|
26
|
-
const
|
|
26
|
+
const showVer = () => {
|
|
27
27
|
const version = packageJson.version;
|
|
28
28
|
console.log(`You're running Yumma CSS v${version}`);
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
module.exports = {
|
|
31
|
+
module.exports = { showVer };
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
### How to use
|
|
35
|
-
To display the Yumma CSS version in your console, just call the `
|
|
35
|
+
To display the Yumma CSS version in your console, just call the `showVer` function in your project code:
|
|
36
36
|
|
|
37
37
|
```js
|
|
38
|
-
const {
|
|
38
|
+
const { showVer } = require('./index');
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
## Documentation
|
|
42
|
-
For comprehensive documentation, visit the [Yumma CSS Docs](https://yummacss.
|
|
42
|
+
For comprehensive documentation, visit the [Yumma CSS Docs](https://yummacss.vercel.app/).
|
|
43
43
|
|
|
44
44
|
## License
|
|
45
45
|
Yumma CSS is open-source software licensed under the MIT License.
|