Merge tag 'v6.4' into develop

v6.4

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 6.4.0 (November 5, 2024)
+
+- Added `!important` to display styles. This was doen so that the display styles are always set and can’t be overwridden by more specific site styles.
+- Added support for CSS selectors with psuedo-classes.
+
 ## 6.3.0 (October 3, 2024)
 
 - Updated v6 conversion scripts.

dist/media.css

@@ -51,11 +51,14 @@
  * - And our own usage in building websites
  *
  * Cacao is a mobile-first system.
- * We don't use min-width or max-width because we follow Stylelint's media-feature-rante-notation rule.
+ * We don't use min-width or max-width because we follow Stylelint's media-feature-range-notation rule.
  * https://stylelint.io/user-guide/rules/media-feature-range-notation/
  *
  * We use pixels instead of ems because that is the convention and it helps prevent a Safari bug with how they calculate ems (i.e. they use font-size + zoom level)
  * https://cgamesplay.com/post/2023/05/19/stop-using-em-in-media-queries/
+ *
+ * https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/ is another viewpoint on this and considers users increacing the default
+ * font size in their browser settings. Need to explore this more. 10/26/2024
  */
 
 /* 3xs */

package.json

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