cacao-css 4.5.0 → 4.6.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/imports.css +5 -0
  3. package/package.json +1 -1
  4. package/src/grid/core/col-fill.css +7 -0
  5. package/src/grid/lg/col-fill.css +9 -0
  6. package/src/grid/md/col-fill.css +9 -0
  7. package/src/grid/sm/col-fill.css +9 -0
  8. package/src/grid/xl/col-fill.css +9 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # Changelog
2
2
 
3
+ ## 4.6.0 (Jul 15, 2024)
4
+
5
+ - Added `col-fill` styles for a grid column that will fill the remaining space.
6
+
3
7
  ## 4.5.0 (Jul 10, 2024)
4
8
 
5
9
  - Set embeds not to shrink if they are in a flex container.
package/imports.css CHANGED
@@ -112,6 +112,7 @@
112
112
  /* @import '../../node_modules/cacao-css/src/grid/core/col-10.css'; */
113
113
  /* @import '../../node_modules/cacao-css/src/grid/core/col-11.css'; */
114
114
  /* @import '../../node_modules/cacao-css/src/grid/core/col-12.css'; */
115
+ /* @import '../../node_modules/cacao-css/src/grid/core/col-fill.css'; */
115
116
 
116
117
  /* Grid (sm) */
117
118
  /* @import '../../node_modules/cacao-css/src/grid/sm/col-1.css'; */
@@ -126,6 +127,7 @@
126
127
  /* @import '../../node_modules/cacao-css/src/grid/sm/col-10.css'; */
127
128
  /* @import '../../node_modules/cacao-css/src/grid/sm/col-11.css'; */
128
129
  /* @import '../../node_modules/cacao-css/src/grid/sm/col-12.css'; */
130
+ /* @import '../../node_modules/cacao-css/src/grid/sm/col-fill.css'; */
129
131
 
130
132
  /* Grid (md) */
131
133
  /* @import '../../node_modules/cacao-css/src/grid/md/col-1.css'; */
@@ -140,6 +142,7 @@
140
142
  /* @import '../../node_modules/cacao-css/src/grid/md/col-10.css'; */
141
143
  /* @import '../../node_modules/cacao-css/src/grid/md/col-11.css'; */
142
144
  /* @import '../../node_modules/cacao-css/src/grid/md/col-12.css'; */
145
+ /* @import '../../node_modules/cacao-css/src/grid/md/col-fill.css'; */
143
146
 
144
147
  /* Grid (lg) */
145
148
  /* @import '../../node_modules/cacao-css/src/grid/lg/col-1.css'; */
@@ -154,6 +157,7 @@
154
157
  /* @import '../../node_modules/cacao-css/src/grid/lg/col-10.css'; */
155
158
  /* @import '../../node_modules/cacao-css/src/grid/lg/col-11.css'; */
156
159
  /* @import '../../node_modules/cacao-css/src/grid/lg/col-12.css'; */
160
+ /* @import '../../node_modules/cacao-css/src/grid/lg/col-fill.css'; */
157
161
 
158
162
  /* Grid (xl) */
159
163
  /* @import '../../node_modules/cacao-css/src/grid/xl/col-1.css'; */
@@ -168,6 +172,7 @@
168
172
  /* @import '../../node_modules/cacao-css/src/grid/xl/col-10.css'; */
169
173
  /* @import '../../node_modules/cacao-css/src/grid/xl/col-11.css'; */
170
174
  /* @import '../../node_modules/cacao-css/src/grid/xl/col-12.css'; */
175
+ /* @import '../../node_modules/cacao-css/src/grid/xl/col-fill.css'; */
171
176
 
172
177
  /* Gutter */
173
178
  @import '../../node_modules/cacao-css/src/gutter/core/all.css';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cacao-css",
3
3
  "description": "A set of composable CSS utilities that provide a solid foundation for website projects.",
4
- "version": "4.5.0",
4
+ "version": "4.6.0",
5
5
  "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
6
6
  "license": "MIT",
7
7
  "repository": {
package/src/grid/core/col-fill.css ADDED
@@ -0,0 +1,7 @@
1
+ /* =========================================================================== *\
2
+ Grid cell fill remaining space
3
+ \* =========================================================================== */
4
+
5
+ .col-fill {
6
+ flex: 1 1 0%;
7
+ }
package/src/grid/lg/col-fill.css ADDED
@@ -0,0 +1,9 @@
1
+ /* =========================================================================== *\
2
+ Grid cell fill remaining space
3
+ \* =========================================================================== */
4
+
5
+ @media (--c-bp-lg) {
6
+ .col-lg-fill {
7
+ flex: 1 1 0%;
8
+ }
9
+ }
package/src/grid/md/col-fill.css ADDED
@@ -0,0 +1,9 @@
1
+ /* =========================================================================== *\
2
+ Grid cell fill remaining space
3
+ \* =========================================================================== */
4
+
5
+ @media (--c-bp-md) {
6
+ .col-md-fill {
7
+ flex: 1 1 0%;
8
+ }
9
+ }
package/src/grid/sm/col-fill.css ADDED
@@ -0,0 +1,9 @@
1
+ /* =========================================================================== *\
2
+ Grid cell fill remaining space
3
+ \* =========================================================================== */
4
+
5
+ @media (--c-bp-sm) {
6
+ .col-sm-fill {
7
+ flex: 1 1 0%;
8
+ }
9
+ }
package/src/grid/xl/col-fill.css ADDED
@@ -0,0 +1,9 @@
1
+ /* =========================================================================== *\
2
+ Grid cell fill remaining space
3
+ \* =========================================================================== */
4
+
5
+ @media (--c-bp-xl) {
6
+ .col-xl-fill {
7
+ flex: 1 1 0%;
8
+ }
9
+ }