@clayui/css 3.154.0 → 3.157.0-alpha.0

package/src/scss/cadmin/variables/_custom-forms.scss

@@ -1,5 +1,7 @@
-$cadmin-custom-forms-transition: background-color 0.15s ease-in-out,
-	border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
+$cadmin-custom-forms-transition:
+	background-color 0.15s ease-in-out,
+	border-color 0.15s ease-in-out,
+	box-shadow 0.15s ease-in-out !default;
 
 // Form File
 

package/src/scss/cadmin/variables/_forms.scss

@@ -19,7 +19,8 @@ $cadmin-input-height: 40px !default; // 40px
 $cadmin-input-line-height: $cadmin-input-btn-line-height !default;
 $cadmin-input-padding-x: 16px !default; // 16px
 $cadmin-input-padding-y: 7px !default; // 7px
-$cadmin-input-transition: border-color 0.15s ease-in-out,
+$cadmin-input-transition:
+	border-color 0.15s ease-in-out,
 	box-shadow 0.15s ease-in-out !default;
 
 $cadmin-input-font-size-mobile: 16px !default; // 16px
@@ -407,9 +408,10 @@ $cadmin-form-control-label-size: map-deep-merge(
 
 $cadmin-form-control-tag-group-padding-y: (
 		$cadmin-input-height - $cadmin-input-border-bottom-width -
-			$cadmin-input-border-top-width -
-			map-get($cadmin-form-control-label-size, min-height) -
-			(map-get($cadmin-form-control-label-size, margin-bottom)) -
+			$cadmin-input-border-top-width - map-get(
+				$cadmin-form-control-label-size,
+				min-height
+			) - (map-get($cadmin-form-control-label-size, margin-bottom)) -
 			(map-get($cadmin-form-control-label-size, margin-top))
 	) * 0.5 !default;
 

package/src/scss/cadmin/variables/_globals.scss

@@ -425,13 +425,17 @@ $cadmin-embed-responsive-aspect-ratios: join(
 	$cadmin-embed-responsive-aspect-ratios
 );
 
-$cadmin-component-transition: color 0.15s ease-in-out,
-	background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
+$cadmin-component-transition:
+	color 0.15s ease-in-out,
+	background-color 0.15s ease-in-out,
+	border-color 0.15s ease-in-out,
 	box-shadow 0.15s ease-in-out !default;
 
-$cadmin-component-focus-box-shadow: #{0 0 0 2px $cadmin-white,
+$cadmin-component-focus-box-shadow:
+	#{0 0 0 2px $cadmin-white,
 	0 0 0 4px $cadmin-primary-l0} !default;
-$cadmin-component-focus-inset-box-shadow: #{inset 0 0 0 2px $cadmin-primary-l0,
+$cadmin-component-focus-inset-box-shadow:
+	#{inset 0 0 0 2px $cadmin-primary-l0,
 	inset 0 0 0 4px $cadmin-white} !default;
 
 $cadmin-component-active-bg: $cadmin-primary !default;
@@ -537,9 +541,21 @@ $cadmin-webkit-font-smoothing: antialiased !default;
 
 $cadmin-font-import-url: null !default;
 
-$cadmin-font-family-sans-serif: system-ui, -apple-system, BlinkMacSystemFont,
-	'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial,
-	sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
+$cadmin-font-family-sans-serif:
+	system-ui,
+	-apple-system,
+	BlinkMacSystemFont,
+	'Segoe UI',
+	Roboto,
+	Oxygen-Sans,
+	Ubuntu,
+	Cantarell,
+	'Helvetica Neue',
+	Arial,
+	sans-serif,
+	'Apple Color Emoji',
+	'Segoe UI Emoji',
+	'Segoe UI Symbol' !default;
 $cadmin-font-family-serif: Georgia, 'Times New Roman', Times, serif !default;
 $cadmin-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
 	'Liberation Mono', 'Courier New', monospace !default;

package/src/scss/cadmin/variables/_menubar.scss

@@ -373,8 +373,7 @@ $cadmin-menubar-vertical-decorated-md-nav-link-after-active: map-deep-merge(
 		left:
 			math-sign(
 				map-get($cadmin-menubar-vertical-decorated-md-nav, padding-left)
-			) -
-			map-get(
+			) - map-get(
 				$cadmin-menubar-vertical-decorated-md-nav,
 				border-left-width
 			),

package/src/scss/cadmin/variables/_pagination.scss

@@ -57,7 +57,8 @@ $cadmin-pagination-link-cursor: null !default;
 
 // @deprecated as of v2 use the Sass map `$cadmin-pagination-link` instead
 
-$cadmin-pagination-link-transition: background-color 0.15s ease-in-out,
+$cadmin-pagination-link-transition:
+	background-color 0.15s ease-in-out,
 	border-color 0.15s ease-in-out !default;
 
 $cadmin-pagination-link-first-border-radius: $cadmin-pagination-link-border-radius !default;

package/src/scss/cadmin/variables/_toggle-switch.scss

@@ -1,8 +1,12 @@
 $cadmin-toggle-switch-cursor: $cadmin-link-cursor !default;
 $cadmin-toggle-switch-font-weight: $cadmin-input-label-font-weight !default;
-$cadmin-toggle-switch-transition: background-color 100ms ease-in,
-	border-color 100ms ease-in, box-shadow 150ms ease-in-out,
-	color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in,
+$cadmin-toggle-switch-transition:
+	background-color 100ms ease-in,
+	border-color 100ms ease-in,
+	box-shadow 150ms ease-in-out,
+	color 100ms ease-in,
+	left 100ms ease-in,
+	opacity 100ms ease-in,
 	right 100ms ease-in !default;
 
 // must all be same units--start

package/src/scss/cadmin/variables/_treeview.scss

@@ -111,6 +111,7 @@ $cadmin-treeview: map-merge(
 		),
 		component-expander: (
 			font-size: 10px,
+			padding: 6px 8px,
 		),
 		component-action: (
 			font-size: 16px,

package/src/scss/components/_button-groups.scss

@@ -135,13 +135,13 @@
 }
 
 .btn-sm + .dropdown-toggle-split {
-	padding-right: calc(#{$btn-padding-x-sm} * 0.75);
 	padding-left: calc(#{$btn-padding-x-sm} * 0.75);
+	padding-right: calc(#{$btn-padding-x-sm} * 0.75);
 }
 
 .btn-lg + .dropdown-toggle-split {
-	padding-right: calc(#{$btn-padding-x-lg} * 0.75);
 	padding-left: calc(#{$btn-padding-x-lg} * 0.75);
+	padding-right: calc(#{$btn-padding-x-lg} * 0.75);
 }
 
 // Button Group Vertical

package/src/scss/components/_carousel.scss

@@ -200,14 +200,14 @@
 	// Optional captions
 
 	.carousel-caption {
-		position: absolute;
-		right: (100% - $carousel-caption-width) * 0.5;
 		bottom: 20px;
+		color: $carousel-caption-color;
 		left: (100% - $carousel-caption-width) * 0.5;
-		z-index: 10;
-		padding-top: 20px;
 		padding-bottom: 20px;
-		color: $carousel-caption-color;
+		padding-top: 20px;
+		position: absolute;
+		right: (100% - $carousel-caption-width) * 0.5;
 		text-align: center;
+		z-index: 10;
 	}
 }

package/src/scss/components/_forms.scss

@@ -147,8 +147,8 @@ fieldset[disabled] {
 
 	&.form-control-sm,
 	&.form-control-lg {
-		padding-right: 0;
 		padding-left: 0;
+		padding-right: 0;
 	}
 }
 
@@ -661,8 +661,8 @@ textarea.form-control-sm,
 			.form-group {
 				align-items: center;
 				display: flex;
-				flex-flow: row wrap;
 				flex: 0 0 auto;
+				flex-flow: row wrap;
 				margin-bottom: 0;
 			}
 

package/src/scss/components/_list-group.scss

@@ -278,8 +278,8 @@
 		.list-group-title:only-child {
 			align-items: center;
 			display: flex;
-			min-height: 32px;
 			margin-top: 0;
+			min-height: 32px;
 
 			// IE11 flexbox min-height workaround
 

package/src/scss/components/_multi-step-nav.scss

@@ -263,8 +263,8 @@
 	display: flex;
 	font-size: $multi-step-icon-font-size;
 	font-weight: $multi-step-icon-font-weight;
-	justify-content: center;
 	height: $multi-step-icon-size;
+	justify-content: center;
 	padding-bottom: $multi-step-icon-padding-bottom;
 	padding-left: $multi-step-icon-padding-left;
 	padding-right: $multi-step-icon-padding-right;

package/src/scss/components/_navbar.scss

@@ -62,8 +62,8 @@
 	.nav-item .dropdown {
 		align-items: center;
 		display: flex;
-		word-wrap: normal;
 		max-width: 100%;
+		word-wrap: normal;
 	}
 
 	.nav-item {
@@ -139,8 +139,8 @@
 // Navbar Toggler
 
 .navbar-toggler-icon {
-	background-size: 100% 100%;
 	background: no-repeat center center;
+	background-size: 100% 100%;
 	content: '';
 	display: inline-block;
 	height: 1.5em;
@@ -174,17 +174,17 @@
 
 .navbar-toggler-link {
 	align-items: center;
-	display: flex;
 	border-width: 0;
+	display: flex;
 	line-height: $line-height-base;
 	max-width: 100%;
 	padding: $navbar-brand-padding-y $navbar-nav-link-padding-x;
 	position: relative;
 
 	.lexicon-icon {
-		min-width: 1em;
 		margin-left: 3px;
 		margin-top: 0;
+		min-width: 1em;
 	}
 }
 

package/src/scss/components/_print.scss

@@ -8,8 +8,8 @@
 		*,
 		*::before,
 		*::after {
-			text-shadow: none !important;
 			box-shadow: none !important;
+			text-shadow: none !important;
 		}
 
 		a {

package/src/scss/components/_reboot.scss

@@ -309,8 +309,8 @@ output {
 summary {
 	// Add the correct display in all browsers
 
-	display: list-item;
 	cursor: pointer;
+	display: list-item;
 }
 
 template {

package/src/scss/functions/_global-functions.scss

@@ -54,7 +54,7 @@
 	@return $map2;
 }
 
-/// A function that returns a new map with all the keys and values including nested keys and values from both `$map1` and `$map2`. If both `$map1` and `$map2` have the same key, `$map2`’s value takes precedence. The key value pair `merge: false,` will skip merging maps. This allows component properties to be reset to a blank state.
+/// A function that returns a new map with all the keys and values including nested keys and values from both `$map1` and `$map2`. If both `$map1` and `$map2` have the same key, `$map2`'s value takes precedence. The key value pair `merge: false,` will skip merging maps. This allows component properties to be reset to a blank state.
 /// @param {Map, Null} $map1[()]
 /// @param {Map, Null} $map2[()]