cacao-css 5.2.0 → 5.4.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 +8 -0
- package/Migrating-from-version3.md +3 -0
- package/imports.css +7 -0
- package/package.json +1 -1
- package/src/embed/core/embed.css +1 -1
- package/src/width/core/width-auto.css +7 -0
- package/src/width/lg/width-auto.css +9 -0
- package/src/width/md/width-auto.css +9 -0
- package/src/width/sm/width-auto.css +9 -0
- package/src/width/xl/width-auto.css +9 -0
- package/src/width/xs/width-auto.css +9 -0
- package/src/width/xxl/width-auto.css +9 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 5.4.0 (August 2, 2024)
|
|
4
|
+
|
|
5
|
+
- Removed aspect-ratio style from `embed`. Because this is set and the embed styles are typically loaded after the aspect ratio styles, this aspect-ratio style overrode the aspect-ratio class.
|
|
6
|
+
|
|
7
|
+
## 5.3.0 (August 1, 2024)
|
|
8
|
+
|
|
9
|
+
- Added "auto" width classes.
|
|
10
|
+
|
|
3
11
|
## 5.2.0 (August 1, 2024)
|
|
4
12
|
|
|
5
13
|
- Added width styles.
|
|
@@ -46,6 +46,7 @@ These breakpoints are [inspired by Pure](https://purecss.io/grids/#:~:text=%3C/d
|
|
|
46
46
|
| `.u-flexAlignItemsStart` | `.align-start` |
|
|
47
47
|
| `.u-flexAlignItemsEnd` | `.align-end` |
|
|
48
48
|
| `.u-flexAlignItemsCenter` | `.align-center` |
|
|
49
|
+
| `.u-gutters*` | `.px-*` |
|
|
49
50
|
| `.u-linkSubtle` | `.link-subtle` |
|
|
50
51
|
| `.u-margTop*` | `.mt-*` |
|
|
51
52
|
| `.u-margRight*` | `.me-*` |
|
|
@@ -165,5 +166,7 @@ Change these classes on the grid div.
|
|
|
165
166
|
|
|
166
167
|
### Grid gutters
|
|
167
168
|
|
|
169
|
+
- `Grid--withGutterSm` → `g-1`
|
|
168
170
|
- `Grid--withGutter` → `g-2`
|
|
171
|
+
- `Grid--withGutterLg` → `g-4`
|
|
169
172
|
- `Grid--withGutterXlg` → `g-5` (although a `g-6` would be nice since the margin is about 60px)
|
package/imports.css
CHANGED
|
@@ -827,6 +827,7 @@
|
|
|
827
827
|
/* @import '../../node_modules/cacao-css/src/width/core/width-10.css'; */
|
|
828
828
|
/* @import '../../node_modules/cacao-css/src/width/core/width-11.css'; */
|
|
829
829
|
/* @import '../../node_modules/cacao-css/src/width/core/width-12.css'; */
|
|
830
|
+
/* @import '../../node_modules/cacao-css/src/width/core/width-auto.css'; */
|
|
830
831
|
|
|
831
832
|
/* Width (xs) */
|
|
832
833
|
|
|
@@ -843,6 +844,7 @@
|
|
|
843
844
|
/* @import '../../node_modules/cacao-css/src/width/xs/width-10.css'; */
|
|
844
845
|
/* @import '../../node_modules/cacao-css/src/width/xs/width-11.css'; */
|
|
845
846
|
/* @import '../../node_modules/cacao-css/src/width/xs/width-12.css'; */
|
|
847
|
+
/* @import '../../node_modules/cacao-css/src/width/xs/width-auto.css'; */
|
|
846
848
|
|
|
847
849
|
/* Width (sm) */
|
|
848
850
|
|
|
@@ -859,6 +861,7 @@
|
|
|
859
861
|
/* @import '../../node_modules/cacao-css/src/width/sm/width-10.css'; */
|
|
860
862
|
/* @import '../../node_modules/cacao-css/src/width/sm/width-11.css'; */
|
|
861
863
|
/* @import '../../node_modules/cacao-css/src/width/sm/width-12.css'; */
|
|
864
|
+
/* @import '../../node_modules/cacao-css/src/width/sm/width-auto.css'; */
|
|
862
865
|
|
|
863
866
|
/* Width (md) */
|
|
864
867
|
|
|
@@ -875,6 +878,7 @@
|
|
|
875
878
|
/* @import '../../node_modules/cacao-css/src/width/md/width-10.css'; */
|
|
876
879
|
/* @import '../../node_modules/cacao-css/src/width/md/width-11.css'; */
|
|
877
880
|
/* @import '../../node_modules/cacao-css/src/width/md/width-12.css'; */
|
|
881
|
+
/* @import '../../node_modules/cacao-css/src/width/md/width-auto.css'; */
|
|
878
882
|
|
|
879
883
|
/* Width (lg) */
|
|
880
884
|
|
|
@@ -891,6 +895,7 @@
|
|
|
891
895
|
/* @import '../../node_modules/cacao-css/src/width/lg/width-10.css'; */
|
|
892
896
|
/* @import '../../node_modules/cacao-css/src/width/lg/width-11.css'; */
|
|
893
897
|
/* @import '../../node_modules/cacao-css/src/width/lg/width-12.css'; */
|
|
898
|
+
/* @import '../../node_modules/cacao-css/src/width/lg/width-auto.css'; */
|
|
894
899
|
|
|
895
900
|
/* Width (xl) */
|
|
896
901
|
|
|
@@ -907,6 +912,7 @@
|
|
|
907
912
|
/* @import '../../node_modules/cacao-css/src/width/xl/width-10.css'; */
|
|
908
913
|
/* @import '../../node_modules/cacao-css/src/width/xl/width-11.css'; */
|
|
909
914
|
/* @import '../../node_modules/cacao-css/src/width/xl/width-12.css'; */
|
|
915
|
+
/* @import '../../node_modules/cacao-css/src/width/xl/width-auto.css'; */
|
|
910
916
|
|
|
911
917
|
/* Width (xxl) */
|
|
912
918
|
|
|
@@ -923,3 +929,4 @@
|
|
|
923
929
|
/* @import '../../node_modules/cacao-css/src/width/xxl/width-10.css'; */
|
|
924
930
|
/* @import '../../node_modules/cacao-css/src/width/xxl/width-11.css'; */
|
|
925
931
|
/* @import '../../node_modules/cacao-css/src/width/xxl/width-12.css'; */
|
|
932
|
+
/* @import '../../node_modules/cacao-css/src/width/xxl/width-auto.css'; */
|
package/package.json
CHANGED
package/src/embed/core/embed.css
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* =========================================================================== *\
|
|
2
2
|
Responsive embeds
|
|
3
|
+
You must use this in conjuction with an aspect-ratio class or style.
|
|
3
4
|
\* =========================================================================== */
|
|
4
5
|
|
|
5
6
|
.embed {
|
|
6
7
|
position: relative;
|
|
7
|
-
aspect-ratio: 16 / 9;
|
|
8
8
|
height: 100%;
|
|
9
9
|
flex-shrink: 0;
|
|
10
10
|
overflow: hidden;
|