yummacss 1.0.3 → 1.2.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 +60 -1
- package/README.md +15 -16
- package/dist/yumma.css +61155 -11437
- package/dist/yumma.min.css +1 -1
- package/gulpfile.js +8 -8
- package/index.js +2 -2
- package/package.json +9 -11
- package/yumma-css/_base.scss +41 -22
- package/yumma-css/_breakpoints.scss +8 -8
- package/yumma-css/_colors.scss +13 -3
- package/yumma-css/_fonts.scss +9 -9
- package/yumma-css/_grid.scss +11 -12
- package/yumma-css/_layout.scss +6 -6
- package/yumma-css/_utils.scss +1330 -0
- package/yumma-css/_variables.scss +80 -54
- package/yumma-css/components/_badge.scss +5 -5
- package/yumma-css/components/_button.scss +8 -18
- package/yumma-css/components/_card.scss +9 -9
- package/yumma-css/components/_navbar.scss +2 -4
- package/yumma-css/index.scss +13 -14
- package/yumma-css/_functions.scss +0 -5
- package/yumma-css/_utilities.scss +0 -1034
package/CHANGELOG.md
CHANGED
|
@@ -145,4 +145,63 @@ All notable changes to the Yumma CSS Library will be documented in this file.
|
|
|
145
145
|
- None
|
|
146
146
|
|
|
147
147
|
### Deprecated
|
|
148
|
-
- None
|
|
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
|
|
171
|
+
|
|
172
|
+
## v1.2.0
|
|
173
|
+
|
|
174
|
+
### Added
|
|
175
|
+
- Added `fit-content` to **Height** and **Width** classes.
|
|
176
|
+
- Added **Max Dimension** and **Min Dimension** classes.
|
|
177
|
+
- Added `auto`, `full`, and `half` value to the **Flex** classes.
|
|
178
|
+
- Added Indigo color to the color palette.
|
|
179
|
+
- Added `transparent` to the color palette.
|
|
180
|
+
- Added `none` property to **Box Shadow** class.
|
|
181
|
+
- Added `.max-dim-{}` and `.min-dim-{}` classes.
|
|
182
|
+
- Added responsive media queries to `.dim-{}`,`.max-dim-{}` and `.min-dim-{}` classes.
|
|
183
|
+
- Added **Line Height** classes.
|
|
184
|
+
- The `.btn{}` component is now smaller by default.
|
|
185
|
+
- Improvements to the `_base.scss` partial file.
|
|
186
|
+
- Improvements in the **Direction** classes.
|
|
187
|
+
- Improvements to **Grid Template Columns** classes.
|
|
188
|
+
- Improvements to **Grid Template Rows** classes.
|
|
189
|
+
- Improvements to the **Flex Shrin**k clasess.
|
|
190
|
+
- Improvements to the **Font Sizes** classes.
|
|
191
|
+
- Improvements to the **Flex** classes.
|
|
192
|
+
- Color palette redesign.
|
|
193
|
+
|
|
194
|
+
### Changed
|
|
195
|
+
- Viewports units are not dynamic.
|
|
196
|
+
- Removed default shadow in the `.nav{}` component.
|
|
197
|
+
- **Border Radius** default value is now 4px instead of 8px.
|
|
198
|
+
- Removed `.bs{}` class from **Box Shadow**.
|
|
199
|
+
|
|
200
|
+
### Fixed
|
|
201
|
+
- None
|
|
202
|
+
|
|
203
|
+
### Deprecated
|
|
204
|
+
- Removed complement button component.
|
|
205
|
+
- Removed the `!default` flag from all variables.
|
|
206
|
+
- Magenta color is deprecated.
|
|
207
|
+
- The `showVer()` function is no longer available.
|
package/README.md
CHANGED
|
@@ -1,49 +1,47 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<
|
|
3
|
-
<img src="https://yummacss.vercel.app/img/yumma-css.png" width="64" alt="Yumma CSS Logo">
|
|
4
|
-
</a>
|
|
2
|
+
<img src="https://yummacss.com/img/yummacss.png" width="64" alt="Yumma CSS Logo">
|
|
5
3
|
</p>
|
|
6
4
|
|
|
7
5
|
<h3 align="center">Yumma CSS</h3>
|
|
8
6
|
|
|
9
7
|
<p align="center">
|
|
10
|
-
|
|
8
|
+
Build beautiful websites with small class names
|
|
11
9
|
<br>
|
|
12
|
-
<a href="https://yummacss.
|
|
10
|
+
<a href="https://yummacss.com"><strong>Explore Yumma CSS Docs ↝</strong></a>
|
|
13
11
|
<br>
|
|
14
12
|
<br>
|
|
15
|
-
<a href="https://yummacss
|
|
13
|
+
<a href="https://yummacss.com/playground">Try Yumma CSS</a>
|
|
16
14
|
•
|
|
17
|
-
<a href="https://
|
|
15
|
+
<a href="https://yummacss.com/blog/introducing-yummacss-intelephense">Our Extension</a>
|
|
18
16
|
•
|
|
19
|
-
<a href="https://yummacss.
|
|
17
|
+
<a href="https://yummacss.com/blog">Blog</a>
|
|
20
18
|
•
|
|
21
19
|
<a href="https://github.com/yumma-lib/yumma-css/issues">Issues</a>
|
|
22
20
|
</p>
|
|
23
21
|
|
|
24
22
|
<p align="center">
|
|
25
|
-
<a href="https://www.npmjs.com/
|
|
26
|
-
<img src="https://img.shields.io/npm/v/yummacss
|
|
23
|
+
<a href="https://www.npmjs.com/package/yummacss?activeTab=versions">
|
|
24
|
+
<img src="https://img.shields.io/npm/v/yummacss" alt="npm version">
|
|
27
25
|
</a>
|
|
28
|
-
<a href="https://www.npmjs.com/yummacss
|
|
29
|
-
<img src="https://img.shields.io/npm/dt/yummacss
|
|
26
|
+
<a href="https://www.npmjs.com/yummacss">
|
|
27
|
+
<img src="https://img.shields.io/npm/dt/yummacss" alt="Downloads">
|
|
30
28
|
</a>
|
|
31
|
-
<a href="https://
|
|
29
|
+
<a href="https://github.com/yumma-lib/yumma-css-docs?tab=MIT-1-ov-file#readme">
|
|
32
30
|
<img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License">
|
|
33
31
|
</a>
|
|
34
32
|
</p>
|
|
35
33
|
|
|
36
34
|
## Getting Started
|
|
37
35
|
|
|
38
|
-
You can use [npm](https://www.npmjs.com/yummacss
|
|
36
|
+
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
37
|
|
|
40
38
|
### cdn
|
|
41
39
|
```
|
|
42
|
-
<link href="https://cdn.jsdelivr.net/npm/yummacss/dist/yumma.min.css rel="stylesheet" crossorigin="anonymous">
|
|
40
|
+
<link href="https://cdn.jsdelivr.net/npm/yummacss/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
43
41
|
```
|
|
44
42
|
|
|
45
43
|
### npm
|
|
46
|
-
```
|
|
44
|
+
```
|
|
47
45
|
npm install yummacss
|
|
48
46
|
```
|
|
49
47
|
|
|
@@ -51,6 +49,7 @@ npm install yummacss
|
|
|
51
49
|
|
|
52
50
|
If you have questions or want to stay updated on our projects, here are some ways to connect with us:
|
|
53
51
|
|
|
52
|
+
- Subscribe to our [YouTube](https://www.youtube.com/@rrenildopereiraa/videos) channel.
|
|
54
53
|
- Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
|
|
55
54
|
- Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
|
|
56
55
|
|