@appartmint/mint 2.8.2 → 2.9.1

package/package.json

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

package/src/scss/imports/components/widget/_button.scss

@@ -7,6 +7,38 @@
 /// Imports
 @use '../../util' as *;
 
+button,
+a[routerLink] {
+	cursor: pointer;
+}
+
+a,
+button,
+#{class(btn)},
+#{class(btn-icon)},
+#{class(pill)} {
+	font-size: inherit;
+
+	&[disabled] {
+		filter: grayscale(1) brightness(0.75) !important;
+		pointer-events: none !important;
+
+		&#{class(fall-in)}#{neg(class(show))} {
+			filter: grayscale(1) brightness(0.75) opacity(0%) !important;
+		}
+	}
+
+	i {
+		&:first-child {
+			margin-right: 0.5em;
+		}
+
+		&:last-child {
+			margin-left: 0.5em;
+		}
+	}
+}
+
 /// All buttons
 #{class(btn)},
 #{class(btn-group)},

package/src/scss/imports/components/widget/_card.scss

@@ -12,6 +12,7 @@
 #{class(card)} {
 	display: flex;
 	flex-direction: column;
+	position: relative;
 	height: 100%;
 	max-width: 100%;
 	margin: 0;
@@ -27,7 +28,7 @@
 		}
 	}
 
-	&:has(#{prefix(widget-carousel)}) {
+	&:has(#{class(carousel)}) {
 		box-shadow: none;
 
 		#{class(content)} {
@@ -89,8 +90,7 @@
 			box-shadow: none;
 			overflow: visible;
 
-			& > #{class(image)},
-			& > #{prefix(widget-image)} #{class(image)} {
+			& > #{class(image)} {
 				width: calc(50% + $card-padding);
 				height: fit-content;
 				margin-right: $card-padding * -2;
@@ -115,8 +115,7 @@
 			@include break(sm) {
 				flex-direction: row-reverse;
 
-				& > #{class(image)},
-				& > #{prefix(widget-image)} #{class(image)} {
+				& > #{class(image)} {
 					margin-right: 0;
 					margin-left: $card-padding * -2;
 				}
@@ -124,20 +123,18 @@
 		}
 	}
 
-	& > #{class(image)}:only-child,
-	& > #{prefix(widget-image)}:only-child #{class(image)} {
-		width: 100%;
-	}
-
-	& > #{class(image)},
-	& > #{prefix(widget-image)} #{class(image)} {
+	& > #{class(image)} {
 		overflow: hidden;
 
 		@include break(sm) {
 			width: 50%;
 		}
 
-		&+#{class(content)} {
+		&:only-child {
+			width: 100%;
+		}
+
+		& + #{class(content)} {
 			@include break(sm) {
 				width: 50%;
 			}
@@ -177,8 +174,7 @@
 			height: 100%;
 		}
 
-		& > #{class(image)},
-		& > #{prefix(widget-image)} #{class(image)} {
+		& > #{class(image)} {
 			width: 100%;
 			height: 100%;
 			max-width: $card-logo-size;
@@ -293,8 +289,7 @@
 	#{class(card)} {
 		flex-direction: column !important;
 
-		& > #{class(image)},
-		& > #{prefix(widget-image)} #{class(image)} {
+		& > #{class(image)} {
 			overflow: hidden;
 
 			@include break(sm) {

package/src/scss/imports/global/_global.scss

@@ -101,35 +101,6 @@ a {
 	}
 }
 
-button,
-a[routerLink] {
-	cursor: pointer;
-}
-
-a,
-button {
-	font-size: inherit;
-
-	&[disabled] {
-		filter: grayscale(1) brightness(0.75) !important;
-		pointer-events: none !important;
-
-		&#{class(fall-in)}#{neg(class(show))} {
-			filter: grayscale(1) brightness(0.75) opacity(0%) !important;
-		}
-	}
-
-	i {
-		&:first-child {
-			margin-right: 0.5em;
-		}
-
-		&:last-child {
-			margin-left: 0.5em;
-		}
-	}
-}
-
 img,
 video {
 	width: 100%;

package/src/scss/imports/util/_util.scss

@@ -10,7 +10,6 @@
 @use 'sass:math';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'vars' as *;
 
 /// Library name
 /// @group Variables
@@ -607,10 +606,6 @@ $bootstrap5: false !default;
 
 /// Creates utility selectors for a box model property
 /// @group Mixins
-/// 
-/// @example scss - box-util mixin
-///    @include box-util(margin, 1rem, 0);    // ->   & {
-/// 
 @mixin box-util ($prop, $val) {
 	@if (meta.type-of($prop) != 'string') {
 		@error 'The box-util mixin requires a string for the $prop argument.';
@@ -880,8 +875,6 @@ $bootstrap5: false !default;
 
 /// Generates flex utility classes
 /// @group Mixins
-///
-///
 @mixin flex-util () {
 	& {
 		display: flex;
@@ -913,8 +906,6 @@ $bootstrap5: false !default;
 
 /// Selector for all headers
 /// @group Mixins
-///
-///
 @mixin headers () {
 	@for $i from 1 through 6 {
 		h#{$i},
@@ -927,8 +918,6 @@ $bootstrap5: false !default;
 
 /// Background clip text
 /// @group Mixins
-///
-///
 @mixin background-clip ($color) {
 	color: $color;