yummacss 1.2.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 CHANGED
@@ -1,207 +1,73 @@
1
1
  # Changelog
2
2
 
3
- All notable changes to the Yumma CSS Library will be documented in this file.
3
+ All notable changes to the Yumma CSS will be documented in this file.
4
4
 
5
- ## v0.0.1
5
+ ## [2.0.0]
6
6
 
7
7
  ### Added
8
- - Initial release of Yumma CSS.
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
- ### Fixed
14
- - None
15
-
16
- ### Deprecated
17
- - None
18
-
19
- ## v0.1.0
20
-
21
- ### Added
22
- - Improved utility class generation for Height, Margin, Padding, and Width.
23
- - Added new classes and selectors for Height, Margin, Padding, and Width properties.
24
-
25
- ### Changed
26
- - Replaced the `copyStyles` function with `minifyStyles` for faster CDN loading.
27
-
28
- ### Fixed
29
- - None
30
-
31
- ### Deprecated
32
- - None
33
-
34
- ## v0.1.1
35
-
36
- ### Added
37
- - None
38
-
39
- ### Changed
40
- - Updated readme file
41
-
42
- ### Fixed
43
- - None
44
-
45
- ### Deprecated
46
- - None
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
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.
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
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2023 Yumma CSS
3
+ Copyright (c) Yumma CSS
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -1,22 +1,18 @@
1
- <p align="center">
2
- <img src="https://yummacss.com/img/yummacss.png" width="64" alt="Yumma CSS Logo">
3
- </p>
4
-
5
1
  <h3 align="center">Yumma CSS</h3>
6
2
 
7
3
  <p align="center">
8
- Build beautiful websites with small class names
4
+ Quickly build applications with less code in your markup.
9
5
  <br>
10
6
  <a href="https://yummacss.com"><strong>Explore Yumma CSS Docs ↝</strong></a>
11
7
  <br>
12
8
  <br>
13
- <a href="https://yummacss.com/playground">Try Yumma CSS</a>
14
-
15
- <a href="https://yummacss.com/blog/introducing-yummacss-intelephense">Our Extension</a>
16
-
17
9
  <a href="https://yummacss.com/blog">Blog</a>
18
10
 
11
+ <a href="https://yummacss.com/blogintroducing-yummacss-intellisense">Intellisense</a>
12
+
19
13
  <a href="https://github.com/yumma-lib/yumma-css/issues">Issues</a>
14
+
15
+ <a href="https://play.yummacss.com">Playground</a>
20
16
  </p>
21
17
 
22
18
  <p align="center">
@@ -31,13 +27,13 @@
31
27
  </a>
32
28
  </p>
33
29
 
34
- ## Getting Started
30
+ ## Get started
35
31
 
36
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/):
37
33
 
38
34
  ### cdn
39
35
  ```
40
- <link href="https://cdn.jsdelivr.net/npm/yummacss/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
36
+ <link href="https://cdn.jsdelivr.net/gh/yumma-lib/yumma-css/dist/yumma.min.css" rel="stylesheet" crossorigin="anonymous">
41
37
  ```
42
38
 
43
39
  ### npm
@@ -49,10 +45,10 @@ npm install yummacss
49
45
 
50
46
  If you have questions or want to stay updated on our projects, here are some ways to connect with us:
51
47
 
52
- - Subscribe to our [YouTube](https://www.youtube.com/@rrenildopereiraa/videos) channel.
48
+ - Subscribe to our [YouTube](https://www.youtube.com/@yummacss) channel.
53
49
  - Join our [Discord](https://discord.gg/CGw5vyqmQ6) server.
54
50
  - Follow us on [Twitter](https://twitter.com/yummacss) for the latest updates.
55
51
 
56
- ## Contributing
52
+ ## License
57
53
 
58
- If you'd like to show your support for our work, [you can buy me a coffee](https://www.buymeacoffee.com/rrenildoo).
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.