@clayui/css 3.159.0 → 3.160.0

package/src/scss/cadmin/variables/_management-bar.scss

@@ -3,19 +3,23 @@ $cadmin-management-bar-base: map-deep-merge(
 	(
 		border-color: transparent,
 		border-style: solid,
+
 		navbar-nav: (
 			nav-link: (
 				border-radius: $cadmin-border-radius,
 				outline: 0,
 				transition: box-shadow 0.15s ease-in-out,
+
 				focus: (
 					box-shadow: $cadmin-component-focus-box-shadow,
 				),
+
 				disabled: (
 					box-shadow: none,
 				),
 			),
 		),
+
 		media-breakpoint-down: (),
 		media-breakpoint-up: (),
 	),
@@ -26,25 +30,35 @@ $cadmin-management-bar-size: () !default;
 $cadmin-management-bar-size: map-deep-merge(
 	(
 		scaling-navbar: true,
+
 		border-bottom-width: 1px,
 		font-size: $cadmin-navbar-font-size,
 		height: 64px,
 		min-height: 64px,
-		padding-x: 0,
-		padding-y: 0,
+		padding-x: 0px,
+		padding-y: 0px,
+
 		font-size-mobile: $cadmin-navbar-font-size,
 		height-mobile: 48px,
 		min-height-mobile: 48px,
+
 		btn-monospaced-font-size: 16px,
+
 		link-height: 32px,
-		link-height-mobile: 32px,
 		link-margin-x: 8px,
+
+		link-height-mobile: 32px,
 		link-margin-x-mobile: 4px,
 		link-padding-x-mobile: 4px,
+
 		form-control-height-mobile: 32px,
+
 		toggler-margin-x: 14px,
+
 		active-border-bottom-width: 4px,
-		nav-item-dropdown-margin-top: 0,
+
+		nav-item-dropdown-margin-top: 0px,
+
 		media-breakpoint-down: (),
 		media-breakpoint-up: (),
 	),
@@ -56,22 +70,27 @@ $cadmin-management-bar-base: map-deep-merge(
 	(
 		border-color: transparent,
 		border-style: solid,
+
 		navbar-nav: (
 			nav-link: (
 				border-radius: $cadmin-border-radius,
 				outline: 0,
 				transition: box-shadow 0.15s ease-in-out,
+
 				focus: (
 					box-shadow: $cadmin-btn-focus-box-shadow,
 				),
+
 				disabled: (
 					box-shadow: none,
 				),
 			),
 		),
+
 		navbar-overlay: (
-			padding: 0,
+			padding: 0px,
 		),
+
 		media-breakpoint-down: (
 			sm: (
 				navbar-expand-md: (
@@ -102,11 +121,11 @@ $cadmin-management-bar-base: map-deep-merge(
 									)
 								),
 							left:
-								math-sign(
-									map-get(
-										$cadmin-management-bar-size,
-										border-left-width
-									)
+								calc(
+									#{map-get(
+											$cadmin-management-bar-size,
+											border-left-width
+										)} * -1
 								),
 							margin-top:
 								map-get(
@@ -122,14 +141,15 @@ $cadmin-management-bar-base: map-deep-merge(
 							padding-top:
 								map-get($cadmin-management-bar-size, padding-y),
 							right:
-								math-sign(
-									map-get(
-										$cadmin-management-bar-size,
-										border-right-width
-									)
+								calc(
+									#{map-get(
+											$cadmin-management-bar-size,
+											border-right-width
+										)} * -1
 								),
 						),
 					),
+
 					navbar-form: (
 						height:
 							calc(
@@ -193,13 +213,14 @@ $cadmin-management-bar-base: map-deep-merge(
 									$cadmin-management-bar-size,
 									form-control-height-mobile
 								),
-							padding-bottom: 0,
-							padding-top: 0,
+							padding-bottom: 0px,
+							padding-top: 0px,
 						),
 					),
 				),
 			),
 		),
+
 		media-breakpoint-up: (
 			md: (
 				navbar-expand-md: (
@@ -217,13 +238,15 @@ $cadmin-management-bar-base: map-deep-merge(
 						padding-right:
 							map-get($cadmin-management-bar-size, link-padding-x),
 						container: (
-							padding-left: 0,
-							padding-right: 0,
+							padding-left: 0px,
+							padding-right: 0px,
 						),
+
 						container-fluid: (
-							padding-left: 0,
-							padding-right: 0,
+							padding-left: 0px,
+							padding-right: 0px,
 						),
+
 						form-control: (
 							height:
 								map-get(
@@ -232,6 +255,7 @@ $cadmin-management-bar-base: map-deep-merge(
 								),
 						),
 					),
+
 					navbar-nav: (
 						nav-item: (
 							custom-control: (
@@ -259,6 +283,7 @@ $cadmin-management-bar-base: map-deep-merge(
 									),
 							),
 						),
+
 						nav-link: (
 							margin-bottom:
 								setter(
@@ -363,6 +388,7 @@ $cadmin-management-bar-base: map-deep-merge(
 									)
 								),
 						),
+
 						nav-link-monospaced: (
 							font-size:
 								map-get(
@@ -433,8 +459,9 @@ $cadmin-management-bar-base: map-deep-merge(
 											) * 0.5
 									)
 								),
-							padding: 0,
+							padding: 0px,
 						),
+
 						nav-btn: (
 							font-size: inherit,
 							height:
@@ -558,16 +585,17 @@ $cadmin-management-bar-base: map-deep-merge(
 									)
 								),
 						),
+
 						nav-btn-monospaced: (
 							font-size:
 								map-get(
 									$cadmin-management-bar-size,
 									btn-monospaced-font-size
 								),
-							padding-bottom: 0,
-							padding-left: 0,
-							padding-right: 0,
-							padding-top: 0,
+							padding-bottom: 0px,
+							padding-left: 0px,
+							padding-right: 0px,
+							padding-top: 0px,
 						),
 					),
 				),
@@ -581,22 +609,27 @@ $cadmin-management-bar-light: () !default;
 $cadmin-management-bar-light: map-deep-merge(
 	(
 		background-color: $cadmin-white,
+
 		navbar-nav: (
 			nav-link: (
 				color: $cadmin-navbar-light-color,
 				font-weight: $cadmin-font-weight-semi-bold,
+
 				hover: (
 					color: $cadmin-gray-900,
 					background-color: rgba($cadmin-gray-900, 0.03),
 				),
+
 				focus: (
 					color: $cadmin-gray-900,
 					background-color: rgba($cadmin-gray-900, 0.03),
 				),
+
 				active: (
 					background-color: rgba($cadmin-gray-900, 0.06),
 					color: $cadmin-navbar-light-active-color,
 				),
+
 				disabled: (
 					background-color: transparent,
 					color: $cadmin-navbar-light-disabled-color,
@@ -604,6 +637,7 @@ $cadmin-management-bar-light: map-deep-merge(
 				),
 			),
 		),
+
 		media-breakpoint-down: (),
 		media-breakpoint-up: (),
 	),
@@ -616,23 +650,28 @@ $cadmin-management-bar-primary: map-deep-merge(
 		background-color: $cadmin-primary-l3,
 		border-color: $cadmin-primary,
 		color: $cadmin-navbar-light-color,
+
 		navbar-nav: (
 			nav-link: (
 				border-radius: $cadmin-border-radius,
 				color: $cadmin-navbar-light-color,
 				font-weight: $cadmin-font-weight-semi-bold,
+
 				hover: (
 					color: $cadmin-gray-900,
 					background-color: rgba($cadmin-gray-900, 0.03),
 				),
+
 				focus: (
 					color: $cadmin-gray-900,
 					background-color: rgba($cadmin-gray-900, 0.03),
 				),
+
 				active: (
 					background-color: rgba($cadmin-gray-900, 0.06),
 					color: $cadmin-navbar-light-active-color,
 				),
+
 				disabled: (
 					background-color: transparent,
 					color: $cadmin-navbar-light-disabled-color,
@@ -640,6 +679,7 @@ $cadmin-management-bar-primary: map-deep-merge(
 				),
 			),
 		),
+
 		media-breakpoint-down: (),
 		media-breakpoint-up: (),
 	),