cacao-css 4.3.0 → 4.5.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 4.5.0 (Jul 10, 2024)
+
+- Set embeds not to shrink if they are in a flex container.
+- Removed the overflow hidden on grid columns.
+  
+## 4.4.0 (Feb 23, 2024)
+
+- Added `text-start`, `text-end`, and `text-justify` classes.
+
 ## 4.3.0 (Jan 25, 2024)
 
 - Added `inline-block` class to set an element as `inline-block`

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "cacao-css",
-    "description": "A set of composable CSS utilities that provide a solid foundation for starting a new project.",
-    "version": "4.3.0",
+    "description": "A set of composable CSS utilities that provide a solid foundation for website projects.",
+    "version": "4.5.0",
     "author": "Aptuitiv, Inc <hello@aptuitiv.com>",
     "license": "MIT",
     "repository": {

package/src/embed/embed.css

@@ -6,6 +6,7 @@
     position: relative;
     aspect-ratio: 16 / 9;
     height: 100%;
+    flex-shrink: 0;
     overflow: hidden;
     max-width: 100%;
 }

package/src/grid/grid.css

@@ -9,11 +9,14 @@
     margin-right: calc(var(--gap) * -1);
 }
 
-.grid [class*=col-] {
+/* Not sure that overflow is necessary here. Removing it does not seem to have any consequences.
+  Keeping it means that items in a grid can't overflow when overflow is wanted (like when adjusting
+  the y-offset of an element when hovering over it). */
+/* .grid [class*=col-] {
     overflow: hidden;
-}
+} */
 
 /* Don't adjust margin if column justification is being used. */
-.grid[class*=justify-] {
+.grid[class*='justify-'] {
     margin-right: 0;
 }

package/src/typography/align.css

@@ -5,3 +5,15 @@
 .text-center {
     text-align: center;
 }
+
+.text-start {
+    text-align: start;
+}
+
+.text-end {
+    text-align: end;
+}
+
+.text-justify {
+    text-align: justify;
+}