@appartmint/mint 1.2.1 → 1.2.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appartmint/mint",
   "author": "App Art Mint LLC",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "license": "MIT",
   "description": "The front-end TS/SCSS framework of App Art Mint",
   "keywords": [

package/src/scss/imports/components/_cards.scss

@@ -82,7 +82,7 @@
 			overflow: visible;
 
 			& > #{class(image)},
-			& > #{prefix(image-widget)} #{class(image)} {
+			& > #{prefix(widget-image)} #{class(image)} {
 				width: calc(50% + $card-padding);
 				height: fit-content;
 				margin-right: $card-padding * -2;
@@ -109,7 +109,7 @@
 				flex-direction: row-reverse;
 
 				& > #{class(image)},
-				& > #{prefix(image-widget)} #{class(image)} {
+				& > #{prefix(widget-image)} #{class(image)} {
 					margin-right: 0;
 					margin-left: $card-padding * -2;
 				}
@@ -118,12 +118,12 @@
 	}
 
 	& > #{class(image)}:only-child,
-	& > #{prefix(image-widget)}:only-child #{class(image)} {
+	& > #{prefix(widget-image)}:only-child #{class(image)} {
 		width: 100%;
 	}
 
 	& > #{class(image)},
-	& > #{prefix(image-widget)} #{class(image)} {
+	& > #{prefix(widget-image)} #{class(image)} {
 		overflow: hidden;
 
 		@include break(sm) {
@@ -171,7 +171,7 @@
 		}
 
 		& > #{class(image)},
-		& > #{prefix(image-widget)} #{class(image)} {
+		& > #{prefix(widget-image)} #{class(image)} {
 			width: 100%;
 			height: 100%;
 			max-width: $card-logo-size;
@@ -224,7 +224,7 @@
 		flex-direction: column !important;
 
 		& > #{class(image)},
-		& > #{prefix(image-widget)} #{class(image)} {
+		& > #{prefix(widget-image)} #{class(image)} {
 			overflow: hidden;
 
 			@include break(sm) {
@@ -239,7 +239,7 @@
 		}
 
 		#{class(content)} {
-			height: 100%;
+			flex-grow: 1;
 		}
 
 		#{class(title)} {

package/src/scss/imports/global/_index.scss

@@ -1,5 +1,7 @@
+/// Forward all global styles
 @use './animations';
 @use './aspect';
+@use './flex';
 @use './global';
 @use './grid';
 @use './icons';