@ulu/frontend 0.6.18 → 0.6.20

package/lib/scss/_layout.scss

@@ -46,6 +46,7 @@ $config: (
 /// @prop {Map} [name] The width definition
 /// @prop {String|Number} [name].value The base width value
 /// @prop {Boolean} [name].helper-class Output a helper class for this width
+/// @prop {Boolean} [name].match-font-size If enabled will set font size equal to width for font based icon fonts (only output with helper class)
 /// @prop {Map} [name].breakpoints Responsive breakpoints (optional)
 
 $widths: (

package/lib/scss/components/_card.scss

@@ -139,7 +139,7 @@ $config: (
   "footer-min-height": 2.5rem,
   "footer-justify": flex-end,
   "footer-inline-padding": 0.5rem,
-  "footer-background-color": null,
+  "footer-background-color": red,
 
   // Horizontal
   "horizontal-enabled" : false,
@@ -257,6 +257,8 @@ $config: (
     min-height: get("footer-min-height");
     justify-content: get("footer-justify");
     background-color: color.get(get("footer-background-color"));
+    border-bottom-left-radius: get("border-radius");
+    border-bottom-right-radius: get("border-radius");
   }
   #{ $prefix }__aside {
     background-color: color.get(get("aside-background-color"));
@@ -356,6 +358,8 @@ $config: (
       
       padding: get("footer-inline-padding");
       flex-direction: column;
+      border-top-right-radius: get("border-radius");
+      border-bottom-left-radius: 0;
     }
   }
   #{ $prefix }--footer-inline:not(#{ $prefix }--overlay) {
@@ -580,6 +584,9 @@ $config: (
   #{ $prefix }__footer {
     grid-column: 2 / 3;
   }
+  #{ $prefix }__footer {
+    border-bottom-left-radius: 0;
+  }
   #{ $prefix }__body {
     flex-direction: row;
     justify-content: space-between;

package/lib/scss/helpers/_layout.scss

@@ -19,8 +19,12 @@
   @each $name, $props in layout.$widths {
     @if map.get($props, "helper-class") {
       #{ $prefix-width }-#{ $name } {
-        width: cssvar.use-ulu("width-#{ $name }");
+        $var-name: "width-#{ $name }";
+        width: cssvar.use-ulu($var-name);
         max-width: 100%;
+        @if (map.get($props, "match-font-size")) {
+          font-size: cssvar.use-ulu($var-name);
+        }
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.6.18",
+  "version": "0.6.20",
   "description": "A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules optimized for traditional websites and content management systems.",
   "type": "module",
   "files": [