@clayui/css 3.156.6 → 3.157.0-alpha.1

package/src/scss/mixins/_background.scss

@@ -44,7 +44,11 @@
 		linear-gradient(-45deg, $fg-color 25%, transparent 25%),
 		linear-gradient(45deg, transparent 75%, $fg-color 75%),
 		linear-gradient(-45deg, transparent 75%, $fg-color 75%);
-	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+	background-position:
+		0 0,
+		0 10px,
+		10px -10px,
+		-10px 0px;
 	background-size: 20px 20px;
 }
 

package/src/scss/mixins/_buttons.scss

@@ -1297,7 +1297,8 @@
 		color: color-yiq($hover-background);
 
 		@if $enable-shadows {
-			box-shadow: $btn-box-shadow,
+			box-shadow:
+				$btn-box-shadow,
 				0
 					0
 					0
@@ -1327,8 +1328,8 @@
 	&:not(:disabled):not(.disabled).active,
 	.show > &.dropdown-toggle {
 		background-color: $active-background;
-		color: color-yiq($active-background);
 		border-color: $active-border;
+		color: color-yiq($active-background);
 
 		@if $enable-gradients {
 			background-image: none;
@@ -1336,7 +1337,8 @@
 
 		&:focus {
 			@if $enable-shadows and $btn-active-box-shadow != none {
-				box-shadow: $btn-active-box-shadow,
+				box-shadow:
+					$btn-active-box-shadow,
 					0
 						0
 						0
@@ -1398,7 +1400,8 @@
 
 		&:focus {
 			@if $enable-shadows and $btn-active-box-shadow != none {
-				box-shadow: $btn-active-box-shadow,
+				box-shadow:
+					$btn-active-box-shadow,
 					0 0 0 $btn-focus-width rgba($color, 0.5);
 			} @else {
 				box-shadow: 0 0 0 $btn-focus-width rgba($color, 0.5);

package/src/scss/mixins/_forms.scss

@@ -119,7 +119,8 @@
 			border-color: $color;
 
 			@if $enable-validation-icons {
-				background: $custom-select-background,
+				background:
+					$custom-select-background,
 					escape-svg($icon)
 						$custom-select-bg
 						no-repeat
@@ -2690,8 +2691,8 @@
 						}
 
 						.tooltip {
-							visibility: visible;
 							opacity: 1;
+							visibility: visible;
 						}
 					}
 
@@ -2734,8 +2735,8 @@
 							}
 
 							.tooltip {
-								visibility: visible;
 								opacity: 1;
+								visibility: visible;
 							}
 						}
 

package/src/scss/mixins/_grid.scss

@@ -14,8 +14,8 @@
 
 		> .col,
 		> [class*='col-'] {
-			padding-right: 0;
 			padding-left: 0;
+			padding-right: 0;
 		}
 	}
 }

package/src/scss/mixins/_line-clamp.scss

@@ -14,8 +14,8 @@
 ) {
 	display: block;
 	height: calc(#{$font-size} * #{$line-height} * #{$lines});
-	position: relative;
 	overflow: hidden;
+	position: relative;
 
 	@supports (-webkit-line-clamp: #{$lines}) {
 		-webkit-box-orient: vertical;

package/src/scss/mixins/_loaders.scss

@@ -134,7 +134,8 @@
 
 				0%,
 				100% {
-					box-shadow: 0 -1em 0 $ball-0-scale $ball-0-color,
+					box-shadow:
+						0 -1em 0 $ball-0-scale $ball-0-color,
 						1em -0.5em 0 $ball-5-scale $ball-5-color,
 						1em 0.5em 0 $ball-4-scale $ball-4-color,
 						0 1em 0 $ball-3-scale $ball-3-color,
@@ -142,7 +143,8 @@
 						-1em -0.5em 0 $ball-1-scale $ball-1-color;
 				}
 				16.6% {
-					box-shadow: 0 -1em 0 $ball-1-scale $ball-1-color,
+					box-shadow:
+						0 -1em 0 $ball-1-scale $ball-1-color,
 						1em -0.5em 0 $ball-0-scale $ball-0-color,
 						1em 0.5em 0 $ball-5-scale $ball-5-color,
 						0 1em 0 $ball-4-scale $ball-4-color,
@@ -150,7 +152,8 @@
 						-1em -0.5em 0 $ball-2-scale $ball-2-color;
 				}
 				33.3% {
-					box-shadow: 0 -1em 0 $ball-2-scale $ball-2-color,
+					box-shadow:
+						0 -1em 0 $ball-2-scale $ball-2-color,
 						1em -0.5em 0 $ball-1-scale $ball-1-color,
 						1em 0.5em 0 $ball-0-scale $ball-0-color,
 						0 1em 0 $ball-5-scale $ball-5-color,
@@ -158,7 +161,8 @@
 						-1em -0.5em 0 $ball-3-scale $ball-3-color;
 				}
 				50% {
-					box-shadow: 0 -1em 0 $ball-3-scale $ball-3-color,
+					box-shadow:
+						0 -1em 0 $ball-3-scale $ball-3-color,
 						1em -0.5em 0 $ball-2-scale $ball-2-color,
 						1em 0.5em 0 $ball-1-scale $ball-1-color,
 						0 1em 0 $ball-0-scale $ball-0-color,
@@ -166,7 +170,8 @@
 						-1em -0.5em 0 $ball-4-scale $ball-4-color;
 				}
 				66.6% {
-					box-shadow: 0 -1em 0 $ball-4-scale $ball-4-color,
+					box-shadow:
+						0 -1em 0 $ball-4-scale $ball-4-color,
 						1em -0.5em 0 $ball-3-scale $ball-3-color,
 						1em 0.5em 0 $ball-2-scale $ball-2-color,
 						0 1em 0 $ball-1-scale $ball-1-color,
@@ -174,7 +179,8 @@
 						-1em -0.5em 0 $ball-5-scale $ball-5-color;
 				}
 				83% {
-					box-shadow: 0 -1em 0 $ball-5-scale $ball-5-color,
+					box-shadow:
+						0 -1em 0 $ball-5-scale $ball-5-color,
 						1em -0.5em 0 $ball-4-scale $ball-4-color,
 						1em 0.5em 0 $ball-3-scale $ball-3-color,
 						0 1em 0 $ball-2-scale $ball-2-color,

package/src/scss/mixins/_navbar.scss

@@ -568,11 +568,11 @@
 					margin-left: $btn-margin-x-mobile;
 					margin-right: $btn-margin-x-mobile;
 					margin-top: $btn-margin-y-mobile;
+					min-width: $btn-monospaced-size-mobile;
 					padding-bottom: $btn-padding-y-mobile;
 					padding-left: $btn-padding-x-mobile;
 					padding-right: $btn-padding-x-mobile;
 					padding-top: $btn-padding-y-mobile;
-					min-width: $btn-monospaced-size-mobile;
 
 					@if ($enable-c-inner) {
 						.c-inner {
@@ -782,11 +782,11 @@
 											margin-left: $btn-margin-x;
 											margin-right: $btn-margin-x;
 											margin-top: $btn-margin-y;
+											min-width: $btn-monospaced-size;
 											padding-bottom: $btn-padding-y;
 											padding-left: $btn-padding-x;
 											padding-right: $btn-padding-x;
 											padding-top: $btn-padding-y;
-											min-width: $btn-monospaced-size;
 
 											@if ($enable-c-inner) {
 												.c-inner {