@clayui/css 3.62.0 → 3.64.0

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

@@ -68,12 +68,11 @@
 		if(
 			variable-exists(list-group-bg),
 			$list-group-bg,
-			if
-				(
-					variable-exists(cadmin-list-group-bg),
-					$cadmin-list-group-bg,
-					null
-				)
+			if(
+				variable-exists(cadmin-list-group-bg),
+				$cadmin-list-group-bg,
+				null
+			)
 		)
 	);
 	$border-bottom-color: setter(
@@ -81,14 +80,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-bottom-color),
 			$list-group-notification-item-border-bottom-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-bottom-color
-					),
-					$cadmin-list-group-notification-item-border-bottom-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-bottom-color
+				),
+				$cadmin-list-group-notification-item-border-bottom-color,
+				null
+			)
 		)
 	);
 	$border-left-color: setter(
@@ -96,14 +94,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-left-color),
 			$list-group-notification-item-border-left-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-left-color
-					),
-					$cadmin-list-group-notification-item-border-left-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-left-color
+				),
+				$cadmin-list-group-notification-item-border-left-color,
+				null
+			)
 		)
 	);
 	$border-right-color: setter(
@@ -111,14 +108,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-right-color),
 			$list-group-notification-item-border-right-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-right-color
-					),
-					$cadmin-list-group-notification-item-border-right-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-right-color
+				),
+				$cadmin-list-group-notification-item-border-right-color,
+				null
+			)
 		)
 	);
 	$border-top-color: setter(
@@ -126,14 +122,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-top-color),
 			$list-group-notification-item-border-top-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-top-color
-					),
-					$cadmin-list-group-notification-item-border-top-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-top-color
+				),
+				$cadmin-list-group-notification-item-border-top-color,
+				null
+			)
 		)
 	);
 
@@ -142,14 +137,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-bottom-width),
 			$list-group-notification-item-border-bottom-width,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-bottom-width
-					),
-					$cadmin-list-group-notification-item-border-bottom-width,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-bottom-width
+				),
+				$cadmin-list-group-notification-item-border-bottom-width,
+				null
+			)
 		)
 	);
 	$border-left-width: setter(
@@ -157,14 +151,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-left-width),
 			$list-group-notification-item-border-left-width,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-left-width
-					),
-					$cadmin-list-group-notification-item-border-left-width,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-left-width
+				),
+				$cadmin-list-group-notification-item-border-left-width,
+				null
+			)
 		)
 	);
 	$border-right-width: setter(
@@ -172,14 +165,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-right-width),
 			$list-group-notification-item-border-right-width,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-right-width
-					),
-					$cadmin-list-group-notification-item-border-right-width,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-right-width
+				),
+				$cadmin-list-group-notification-item-border-right-width,
+				null
+			)
 		)
 	);
 	$border-top-width: setter(
@@ -187,14 +179,13 @@
 		if(
 			variable-exists(list-group-notification-item-border-top-width),
 			$list-group-notification-item-border-top-width,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-border-top-width
-					),
-					$cadmin-list-group-notification-item-border-top-width,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-border-top-width
+				),
+				$cadmin-list-group-notification-item-border-top-width,
+				null
+			)
 		)
 	);
 
@@ -210,12 +201,11 @@
 		if(
 			variable-exists(list-group-active-bg),
 			$list-group-active-bg,
-			if
-				(
-					variable-exists(cadmin-list-group-active-bg),
-					$cadmin-list-group-active-bg,
-					null
-				)
+			if(
+				variable-exists(cadmin-list-group-active-bg),
+				$cadmin-list-group-active-bg,
+				null
+			)
 		)
 	);
 	$active-border-bottom-color: setter(
@@ -225,14 +215,13 @@
 				list-group-notification-item-active-border-bottom-color
 			),
 			$list-group-notification-item-active-border-bottom-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-active-border-bottom-color
-					),
-					$cadmin-list-group-notification-item-active-border-bottom-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-active-border-bottom-color
+				),
+				$cadmin-list-group-notification-item-active-border-bottom-color,
+				null
+			)
 		)
 	);
 	$active-border-left-color: setter(
@@ -242,14 +231,13 @@
 				list-group-notification-item-active-border-left-color
 			),
 			$list-group-notification-item-active-border-left-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-active-border-left-color
-					),
-					$cadmin-list-group-notification-item-active-border-left-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-active-border-left-color
+				),
+				$cadmin-list-group-notification-item-active-border-left-color,
+				null
+			)
 		)
 	);
 	$active-border-right-color: setter(
@@ -259,14 +247,13 @@
 				list-group-notification-item-active-border-right-color
 			),
 			$list-group-notification-item-active-border-right-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-active-border-right-color
-					),
-					$cadmin-list-group-notification-item-active-border-right-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-active-border-right-color
+				),
+				$cadmin-list-group-notification-item-active-border-right-color,
+				null
+			)
 		)
 	);
 	$active-border-top-color: setter(
@@ -276,14 +263,13 @@
 				list-group-notification-item-active-border-top-color
 			),
 			$list-group-notification-item-active-border-top-color,
-			if
-				(
-					variable-exists(
-						cadmin-list-group-notification-item-active-border-top-color
-					),
-					$cadmin-list-group-notification-item-active-border-top-color,
-					null
-				)
+			if(
+				variable-exists(
+					cadmin-list-group-notification-item-active-border-top-color
+				),
+				$cadmin-list-group-notification-item-active-border-top-color,
+				null
+			)
 		)
 	);
 
@@ -305,12 +291,11 @@
 		if(
 			variable-exists(enable-rounded),
 			$enable-rounded,
-			if
-				(
-					variable-exists(cadmin-enable-rounded),
-					$cadmin-enable-rounded,
-					true
-				)
+			if(
+				variable-exists(cadmin-enable-rounded),
+				$cadmin-enable-rounded,
+				true
+			)
 		)
 	) {
 		border-bottom-left-radius: $border-bottom-left-radius;

package/src/scss/mixins/_menubar.scss

@@ -291,12 +291,11 @@
 				if(
 					variable-exists(enable-c-inner),
 					$enable-c-inner,
-					if
-						(
-							variable-exists(cadmin-enable-c-inner),
-							$cadmin-enable-c-inner,
-							true
-						)
+					if(
+						variable-exists(cadmin-enable-c-inner),
+						$cadmin-enable-c-inner,
+						true
+					)
 				),
 			margin-bottom:
 				setter(
@@ -539,12 +538,11 @@
 					if(
 						variable-exists(navbar-light-color),
 						$navbar-light-color,
-						if
-							(
-								variable-exists(cadmin-navbar-light-color),
-								$cadmin-navbar-light-color,
-								null
-							)
+						if(
+							variable-exists(cadmin-navbar-light-color),
+							$cadmin-navbar-light-color,
+							null
+						)
 					)
 				),
 			hover: (
@@ -560,14 +558,13 @@
 						if(
 							variable-exists(navbar-light-hover-color),
 							$navbar-light-hover-color,
-							if
-								(
-									variable-exists(
-										cadmin-navbar-light-hover-color
-									),
-									$cadmin-navbar-light-hover-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-navbar-light-hover-color
+								),
+								$cadmin-navbar-light-hover-color,
+								null
+							)
 						)
 					),
 			),
@@ -584,14 +581,13 @@
 						if(
 							variable-exists(navbar-light-active-color),
 							$navbar-light-active-color,
-							if
-								(
-									variable-exists(
-										cadmin-navbar-light-active-color
-									),
-									$cadmin-navbar-light-active-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-navbar-light-active-color
+								),
+								$cadmin-navbar-light-active-color,
+								null
+							)
 						)
 					),
 			),
@@ -615,14 +611,13 @@
 						if(
 							variable-exists(navbar-light-disabled-color),
 							$navbar-light-disabled-color,
-							if
-								(
-									variable-exists(
-										cadmin-navbar-light-disabled-color
-									),
-									$cadmin-navbar-light-disabled-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-navbar-light-disabled-color
+								),
+								$cadmin-navbar-light-disabled-color,
+								null
+							)
 						)
 					),
 			),
@@ -649,12 +644,11 @@
 					if(
 						variable-exists(dropdown-link-color),
 						$dropdown-link-color,
-						if
-							(
-								variable-exists(cadmin-dropdown-link-color),
-								$cadmin-dropdown-link-color,
-								null
-							)
+						if(
+							variable-exists(cadmin-dropdown-link-color),
+							$cadmin-dropdown-link-color,
+							null
+						)
 					)
 				),
 			hover: (
@@ -665,14 +659,11 @@
 						if(
 							variable-exists(dropdown-link-hover-bg),
 							$dropdown-link-hover-bg,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-hover-bg
-									),
-									$cadmin-dropdown-link-hover-bg,
-									null
-								)
+							if(
+								variable-exists(cadmin-dropdown-link-hover-bg),
+								$cadmin-dropdown-link-hover-bg,
+								null
+							)
 						)
 					),
 				color:
@@ -682,14 +673,13 @@
 						if(
 							variable-exists(dropdown-link-hover-color),
 							$dropdown-link-hover-color,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-hover-color
-									),
-									$cadmin-dropdown-link-hover-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-dropdown-link-hover-color
+								),
+								$cadmin-dropdown-link-hover-color,
+								null
+							)
 						)
 					),
 			),
@@ -701,14 +691,11 @@
 						if(
 							variable-exists(dropdown-link-active-bg),
 							$dropdown-link-active-bg,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-active-bg
-									),
-									$cadmin-dropdown-link-active-bg,
-									null
-								)
+							if(
+								variable-exists(cadmin-dropdown-link-active-bg),
+								$cadmin-dropdown-link-active-bg,
+								null
+							)
 						)
 					),
 				color:
@@ -718,14 +705,13 @@
 						if(
 							variable-exists(dropdown-link-active-color),
 							$dropdown-link-active-color,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-active-color
-									),
-									$cadmin-dropdown-link-active-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-dropdown-link-active-color
+								),
+								$cadmin-dropdown-link-active-color,
+								null
+							)
 						)
 					),
 			),
@@ -737,14 +723,13 @@
 						if(
 							variable-exists(dropdown-link-active-font-weight),
 							$dropdown-link-active-font-weight,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-active-font-weight
-									),
-									$cadmin-dropdown-link-active-font-weight,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-dropdown-link-active-font-weight
+								),
+								$cadmin-dropdown-link-active-font-weight,
+								null
+							)
 						)
 					),
 			),
@@ -762,14 +747,13 @@
 						if(
 							variable-exists(dropdown-link-disabled-color),
 							$dropdown-link-disabled-color,
-							if
-								(
-									variable-exists(
-										cadmin-dropdown-link-disabled-color
-									),
-									$cadmin-dropdown-link-disabled-color,
-									null
-								)
+							if(
+								variable-exists(
+									cadmin-dropdown-link-disabled-color
+								),
+								$cadmin-dropdown-link-disabled-color,
+								null
+							)
 						)
 					),
 			),
@@ -791,12 +775,11 @@
 					if(
 						variable-exists(dropdown-bg),
 						$dropdown-bg,
-						if
-							(
-								variable-exists(cadmin-dropdown-bg),
-								$cadmin-dropdown-bg,
-								null
-							)
+						if(
+							variable-exists(cadmin-dropdown-bg),
+							$cadmin-dropdown-bg,
+							null
+						)
 					)
 				),
 			border-color:
@@ -806,12 +789,11 @@
 					if(
 						variable-exists(dropdown-border-color),
 						$dropdown-border-color,
-						if
-							(
-								variable-exists(cadmin-dropdown-border-color),
-								$cadmin-dropdown-border-color,
-								null
-							)
+						if(
+							variable-exists(cadmin-dropdown-border-color),
+							$cadmin-dropdown-border-color,
+							null
+						)
 					)
 				),
 			border-radius:
@@ -821,12 +803,11 @@
 					if(
 						variable-exists(border-radius),
 						$border-radius,
-						if
-							(
-								variable-exists(cadmin-border-radius),
-								$cadmin-border-radius,
-								null
-							)
+						if(
+							variable-exists(cadmin-border-radius),
+							$cadmin-border-radius,
+							null
+						)
 					)
 				),
 			border-style:
@@ -841,12 +822,11 @@
 					if(
 						variable-exists(dropdown-box-shadow),
 						$dropdown-box-shadow,
-						if
-							(
-								variable-exists(cadmin-dropdown-box-shadow),
-								$cadmin-dropdown-box-shadow,
-								null
-							)
+						if(
+							variable-exists(cadmin-dropdown-box-shadow),
+							$cadmin-dropdown-box-shadow,
+							null
+						)
 					)
 				),
 		)

package/src/scss/mixins/_tbar.scss

@@ -70,12 +70,7 @@
 	$enable-c-inner: if(
 		variable-exists(enable-c-inner),
 		$enable-c-inner,
-		if
-			(
-				variable-exists(cadmin-enable-c-inner),
-				$cadmin-enable-c-inner,
-				true
-			)
+		if(variable-exists(cadmin-enable-c-inner), $cadmin-enable-c-inner, true)
 	);
 
 	$base: map-merge(

package/src/scss/variables/_forms.scss

@@ -413,6 +413,7 @@ $form-control-inset: map-deep-merge(
 		color: $input-color,
 		flex-grow: 1,
 		margin-bottom: $form-control-inset-margin-y,
+		margin-left: 0.25rem,
 		margin-top: $form-control-inset-margin-y,
 		min-height: $form-control-inset-min-height,
 		padding: 0,
@@ -440,6 +441,7 @@ $form-control-tag-group: map-deep-merge(
 		flex-wrap: wrap,
 		height: auto,
 		padding-bottom: $form-control-tag-group-padding-y,
+		padding-left: 0.5rem,
 		padding-right: 0.5rem,
 		padding-top: $form-control-tag-group-padding-y,
 	),
@@ -550,6 +552,7 @@ $form-control-tag-group-sm: map-deep-merge(
 		),
 		form-control-inset: (
 			margin-bottom: 0.125rem,
+			margin-left: 0.25rem,
 			margin-top: 0.1875rem,
 		),
 	),

package/src/scss/variables/_globals.scss

@@ -290,6 +290,30 @@ $grid-row-columns: 6 !default;
 
 // Containers
 
+$clay-container: () !default;
+$clay-container: map-merge(
+	(
+		margin-left: auto,
+		margin-right: auto,
+		padding-left: calc(#{$grid-gutter-width} * 0.5),
+		padding-right: calc(#{$grid-gutter-width} * 0.5),
+		width: 100%,
+	),
+	$clay-container
+);
+
+$clay-container-fluid: () !default;
+$clay-container-fluid: map-merge(
+	(
+		margin-left: auto,
+		margin-right: auto,
+		padding-left: calc(#{$grid-gutter-width} * 0.5),
+		padding-right: calc(#{$grid-gutter-width} * 0.5),
+		width: 100%,
+	),
+	$clay-container-fluid
+);
+
 $container-max-widths: (
 	sm: 540px,
 	md: 720px,