yummacss 1.1.0 → 2.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 +65 -162
- package/LICENSE +1 -1
- package/README.md +12 -17
- package/dist/yumma-core.css +241423 -0
- package/dist/yumma-core.min.css +1 -0
- package/dist/yumma.css +216698 -46219
- package/dist/yumma.min.css +1 -1
- package/gulpfile.js +36 -20
- package/package.json +22 -22
- package/src/_fonts.scss +14 -0
- package/src/_stylecent.scss +68 -0
- package/src/_utilities.scss +1265 -0
- package/src/abstracts/_breakpoints.scss +43 -0
- package/src/abstracts/_colors.scss +29 -0
- package/src/abstracts/_functions.scss +4 -0
- package/src/abstracts/_layout.scss +18 -0
- package/src/abstracts/_mixins.scss +589 -0
- package/src/abstracts/_variables.scss +100 -0
- package/src/core.scss +3 -0
- package/src/yumma.scss +10 -0
- package/index.js +0 -8
- package/yumma-css/_base.scss +0 -43
- package/yumma-css/_breakpoints.scss +0 -43
- package/yumma-css/_colors.scss +0 -325
- package/yumma-css/_fonts.scss +0 -19
- package/yumma-css/_functions.scss +0 -5
- package/yumma-css/_grid.scss +0 -75
- package/yumma-css/_layout.scss +0 -18
- package/yumma-css/_utils.scss +0 -1272
- package/yumma-css/_variables.scss +0 -72
- package/yumma-css/components/_badge.scss +0 -33
- package/yumma-css/components/_button.scss +0 -66
- package/yumma-css/components/_card.scss +0 -23
- package/yumma-css/components/_navbar.scss +0 -25
- package/yumma-css/index.scss +0 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,170 +1,73 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
-
All notable changes to the Yumma CSS
|
|
3
|
+
All notable changes to the Yumma CSS will be documented in this file.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## [2.0.0]
|
|
6
6
|
|
|
7
7
|
### Added
|
|
8
|
-
-
|
|
8
|
+
- Add **Accent Color** utilities
|
|
9
|
+
- Add **Aspect Ratio** utilities
|
|
10
|
+
- Add **Backdrop Filter** utilities
|
|
11
|
+
- Add **Border Collapse** utilities
|
|
12
|
+
- Add **Border Style** utilities
|
|
13
|
+
- Add **Caption Side** utilities
|
|
14
|
+
- Add **Container** utilities
|
|
15
|
+
- Add **Font Style** utilities
|
|
16
|
+
- Add **Gap** utilities
|
|
17
|
+
- Add **Grid Column** utilities
|
|
18
|
+
- Add **Grid Row** utilities
|
|
19
|
+
- Add **Object Fit** utilities
|
|
20
|
+
- Add **Object Position** utilities
|
|
21
|
+
- Add **Outline Color** utilities
|
|
22
|
+
- Add **Outline Offset** utilities
|
|
23
|
+
- Add **Outline Style** utilities
|
|
24
|
+
- Add **Outline Width** utilities
|
|
25
|
+
- Add **Spacing** utilities
|
|
26
|
+
- Add **Table Layout** utilities
|
|
27
|
+
- Add **Text Decoration Color** utilities
|
|
28
|
+
- Add **Text Decoration Style** utilities
|
|
29
|
+
- Add **Text Decoration Thickness** utilities
|
|
30
|
+
- Add `_mixin.scss` partial
|
|
31
|
+
- Add `core.scss` file
|
|
32
|
+
- Add `functions.scss` partial
|
|
33
|
+
- Include **Hover** utility variants
|
|
34
|
+
- Include **Responsive** utility variants
|
|
35
|
+
- Include **Silver** color to the color palette
|
|
9
36
|
|
|
10
37
|
### Changed
|
|
11
|
-
- None
|
|
12
38
|
|
|
13
|
-
|
|
14
|
-
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
-
|
|
23
|
-
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
-
|
|
47
|
-
|
|
48
|
-
## v0.2.0
|
|
49
|
-
|
|
50
|
-
### Added
|
|
51
|
-
- Added the `!default` flag to variables and maps in the _variables.scss file
|
|
52
|
-
|
|
53
|
-
### Changed
|
|
54
|
-
- None
|
|
55
|
-
|
|
56
|
-
### Fixed
|
|
57
|
-
- None
|
|
58
|
-
|
|
59
|
-
### Deprecated
|
|
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.
|
|
106
|
-
|
|
107
|
-
## v1.0.1
|
|
108
|
-
|
|
109
|
-
### Added
|
|
110
|
-
- None
|
|
111
|
-
|
|
112
|
-
### Changed
|
|
113
|
-
- Changing Height and Width viewports from dynamic to standard.
|
|
114
|
-
|
|
115
|
-
### Fixed
|
|
116
|
-
- Updated minify version.
|
|
117
|
-
|
|
118
|
-
### Deprecated
|
|
119
|
-
- None
|
|
120
|
-
|
|
121
|
-
## v1.0.2
|
|
122
|
-
|
|
123
|
-
### Added
|
|
124
|
-
- None
|
|
125
|
-
|
|
126
|
-
### Changed
|
|
127
|
-
- Small CSS resetting improvements.
|
|
128
|
-
|
|
129
|
-
### Fixed
|
|
130
|
-
- Fixed viewport classes from not working.
|
|
131
|
-
- Fixed caret color light and dark variations.
|
|
132
|
-
|
|
133
|
-
### Deprecated
|
|
134
|
-
- None
|
|
135
|
-
|
|
136
|
-
## v1.0.3
|
|
137
|
-
|
|
138
|
-
### Added
|
|
139
|
-
- None
|
|
140
|
-
|
|
141
|
-
### Changed
|
|
142
|
-
- Minified CSS file moved to the `/dist` folder.
|
|
143
|
-
|
|
144
|
-
### Fixed
|
|
145
|
-
- None
|
|
146
|
-
|
|
147
|
-
### Deprecated
|
|
148
|
-
- None
|
|
149
|
-
|
|
150
|
-
## v1.1.0
|
|
151
|
-
|
|
152
|
-
### Added
|
|
153
|
-
- Added responsive classes for utility classes.
|
|
154
|
-
- Added transition property to button component.
|
|
155
|
-
- Added extra small variant for font size classes.
|
|
156
|
-
- Added `.dim-{value}` classes.
|
|
157
|
-
|
|
158
|
-
### Changed
|
|
159
|
-
- Updated syntax for column responsive classes.
|
|
160
|
-
- Updated box shadow syntax from `bs-xsm` to `bs-xs` and `bs-xlg` to `bs-xl`.
|
|
161
|
-
- Updated box shadow syntax from `fs-xlg` to `bs-xl`.
|
|
162
|
-
- Updated box shadow syntax from `col-{value}` to `cols-{value}`.
|
|
163
|
-
|
|
164
|
-
### Fixed
|
|
165
|
-
- Fixed list style type syntax from `tst-{value}` to `lst-{value}`.
|
|
166
|
-
- Fixed `fs-md` class not working.
|
|
167
|
-
- Fixed caret color variants.
|
|
168
|
-
|
|
169
|
-
### Deprecated
|
|
170
|
-
- None
|
|
39
|
+
- **Border Color** utilities no longer have `border-style` and `border-width` properties by default
|
|
40
|
+
- Base styles are now optional
|
|
41
|
+
- Colors now use HEX color format
|
|
42
|
+
- Fix `transparent` having color variants
|
|
43
|
+
- Fix conflict between `float: none;` (`f-none`) and `flex: none;` (`f-none`)
|
|
44
|
+
- New **Flex Basis** utilities - `fb-full`, `fb-half`
|
|
45
|
+
- New `auto` property in **Margin** and **Padding** utilities
|
|
46
|
+
- New `max-content` and `min-content` properties in **Grid Auto Columns**, **Grid Auto Rows**, **Height**, **Width**, **Dimension** and **Flex Basis**
|
|
47
|
+
- New `xxl` breakpoint utilities
|
|
48
|
+
- Simplify **Font Family** fallbacks
|
|
49
|
+
- Stylecent now covers the `<optgroup>`
|
|
50
|
+
- Update **Container** syntax from `cnn` to `cnt`
|
|
51
|
+
- Update **Float** syntax from `f-*static*` to `flo-*`
|
|
52
|
+
- Update **Font Family** utility syntaxes from `ff-d` to `ff-s`
|
|
53
|
+
- Update **Font Size** Extra large syntax from `fs-2xl` to `fs-xxl`
|
|
54
|
+
- Update **Position** syntax from `pos-*` to `p-*`
|
|
55
|
+
- Update **Position** syntax from `pos-static` to `p-s`
|
|
56
|
+
- Update **Position** syntax from `pos-sticky` to `p-t`
|
|
57
|
+
- Update `cnt` utility with new responsive utility rules
|
|
58
|
+
- Update property values from `0.75rem` to `0.25rem` for **Margin** and **Padding** utilities
|
|
59
|
+
- Update values in breakpoint utilities
|
|
60
|
+
|
|
61
|
+
### Removed
|
|
62
|
+
- Remove **Column** utilities
|
|
63
|
+
- Remove **Offset Gap** utilities
|
|
64
|
+
- Remove **Row** utility
|
|
65
|
+
- Remove `_grid.scss` partial
|
|
66
|
+
- Remove `badge-*` component
|
|
67
|
+
- Remove `btn-*` component
|
|
68
|
+
- Remove `btn-otl-*` component
|
|
69
|
+
- Remove `card-*` component
|
|
70
|
+
- Remove `ff-i` utility
|
|
71
|
+
- Remove `nav-*` component
|
|
72
|
+
- Remove Components folder
|
|
73
|
+
- Remove extra small value for breakpoint utilities
|
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
<p align="center">
|
|
2
|
-
<a href="https://yummacss.vercel.app/">
|
|
3
|
-
<img src="https://yummacss.vercel.app/img/yumma-css.png" width="64" alt="Yumma CSS Logo">
|
|
4
|
-
</a>
|
|
5
|
-
</p>
|
|
6
|
-
|
|
7
1
|
<h3 align="center">Yumma CSS</h3>
|
|
8
2
|
|
|
9
3
|
<p align="center">
|
|
10
|
-
|
|
4
|
+
Quickly build applications with less code in your markup.
|
|
11
5
|
<br>
|
|
12
|
-
<a href="https://yummacss.
|
|
6
|
+
<a href="https://yummacss.com"><strong>Explore Yumma CSS Docs ↝</strong></a>
|
|
13
7
|
<br>
|
|
14
8
|
<br>
|
|
15
|
-
<a href="https://yummacss
|
|
9
|
+
<a href="https://yummacss.com/blog">Blog</a>
|
|
16
10
|
•
|
|
17
|
-
<a href="https://
|
|
18
|
-
•
|
|
19
|
-
<a href="https://yummacss.vercel.app/blog">Blog</a>
|
|
11
|
+
<a href="https://yummacss.com/blogintroducing-yummacss-intellisense">Intellisense</a>
|
|
20
12
|
•
|
|
21
13
|
<a href="https://github.com/yumma-lib/yumma-css/issues">Issues</a>
|
|
14
|
+
•
|
|
15
|
+
<a href="https://play.yummacss.com">Playground</a>
|
|
22
16
|
</p>
|
|
23
17
|
|
|
24
18
|
<p align="center">
|
|
@@ -33,17 +27,17 @@
|
|
|
33
27
|
</a>
|
|
34
28
|
</p>
|
|
35
29
|
|
|
36
|
-
##
|
|
30
|
+
## Get started
|
|
37
31
|
|
|
38
32
|
You can use [npm](https://www.npmjs.com/yummacss) to include the Yumma CSS in your project, or you can add it using [jsDelivr](https://www.jsdelivr.com/):
|
|
39
33
|
|
|
40
34
|
### cdn
|
|
41
35
|
```
|
|
42
|
-
<link href="https://cdn.jsdelivr.net/
|
|
36
|
+
<link href="https://cdn.jsdelivr.net/gh/yumma-lib/yumma-css/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
43
37
|
```
|
|
44
38
|
|
|
45
39
|
### npm
|
|
46
|
-
```
|
|
40
|
+
```
|
|
47
41
|
npm install yummacss
|
|
48
42
|
```
|
|
49
43
|
|
|
@@ -51,9 +45,10 @@ npm install yummacss
|
|
|
51
45
|
|
|
52
46
|
If you have questions or want to stay updated on our projects, here are some ways to connect with us:
|
|
53
47
|
|
|
48
|
+
- Subscribe to our [YouTube](https://www.youtube.com/@yummacss) channel.
|
|
54
49
|
- Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
|
|
55
50
|
- Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
|
|
56
51
|
|
|
57
|
-
##
|
|
52
|
+
## License
|
|
58
53
|
|
|
59
|
-
|
|
54
|
+
The code is the intellectual property of [Renildo Pereira](https://github.com/orgs/yumma-lib/people) and is released under the terms of the MIT license.
|