@clayui/css 3.40.0 → 3.43.0

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

@@ -568,6 +568,20 @@ $cadmin-link-decoration: none !default;
 $cadmin-link-hover-color: $cadmin-primary-d2 !default;
 $cadmin-link-hover-decoration: underline !default;
 
+$cadmin-link: () !default;
+$cadmin-link: map-deep-merge(
+	(
+		color: $cadmin-link-color,
+		cursor: $cadmin-link-cursor,
+		text-decoration: $cadmin-link-decoration,
+		hover: (
+			color: $cadmin-link-hover-color,
+			text-decoration: $cadmin-link-hover-decoration,
+		),
+	),
+	$cadmin-link
+);
+
 // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
 
 $cadmin-emphasized-link-hover-darken-percentage: 15% !default;

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

@@ -1,11 +1,23 @@
 $cadmin-management-bar-base: () !default;
 $cadmin-management-bar-base: map-deep-merge(
 	(
-		link-border-radius: $cadmin-border-radius,
-		link-outline: 0,
-		link-transition: box-shadow 0.15s ease-in-out,
-		link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
-		link-disabled-box-shadow: none,
+		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,
+				),
+			),
+		),
+		media-breakpoint-down: (),
+		media-breakpoint-up: (),
 	),
 	$cadmin-management-bar-base
 );
@@ -39,18 +51,32 @@ $cadmin-management-bar-size: map-deep-merge(
 $cadmin-management-bar-light: () !default;
 $cadmin-management-bar-light: map-deep-merge(
 	(
-		bg: $cadmin-white,
-		link-color: $cadmin-navbar-light-color,
-		link-font-weight: $cadmin-font-weight-semi-bold,
-		link-hover-color: $cadmin-gray-900,
-		link-hover-bg: rgba($cadmin-gray-900, 0.03),
-		link-focus-color: $cadmin-gray-900,
-		link-focus-bg: rgba($cadmin-gray-900, 0.03),
-		link-active-bg: rgba($cadmin-gray-900, 0.06),
-		link-active-color: $cadmin-navbar-light-active-color,
-		link-disabled-bg: transparent,
-		link-disabled-color: $cadmin-navbar-light-disabled-color,
-		link-disabled-opacity: 1,
+		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,
+					opacity: 1,
+				),
+			),
+		),
+		media-breakpoint-down: (),
+		media-breakpoint-up: (),
 	),
 	$cadmin-management-bar-light
 );
@@ -58,21 +84,35 @@ $cadmin-management-bar-light: map-deep-merge(
 $cadmin-management-bar-primary: () !default;
 $cadmin-management-bar-primary: map-deep-merge(
 	(
-		bg: $cadmin-primary-l3,
+		background-color: $cadmin-primary-l3,
 		border-color: $cadmin-primary,
 		color: $cadmin-navbar-light-color,
-		link-border-radius: $cadmin-border-radius,
-		link-color: $cadmin-navbar-light-color,
-		link-font-weight: $cadmin-font-weight-semi-bold,
-		link-hover-color: $cadmin-gray-900,
-		link-hover-bg: rgba($cadmin-gray-900, 0.03),
-		link-focus-color: $cadmin-gray-900,
-		link-focus-bg: rgba($cadmin-gray-900, 0.03),
-		link-active-bg: rgba($cadmin-gray-900, 0.06),
-		link-active-color: $cadmin-navbar-light-active-color,
-		link-disabled-bg: transparent,
-		link-disabled-color: $cadmin-navbar-light-disabled-color,
-		link-disabled-opacity: 1,
+		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,
+					opacity: 1,
+				),
+			),
+		),
+		media-breakpoint-down: (),
+		media-breakpoint-up: (),
 	),
 	$cadmin-management-bar-primary
 );

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

@@ -24,10 +24,22 @@ $cadmin-navigation-bar-size: map-deep-merge(
 $cadmin-navigation-bar-base: () !default;
 $cadmin-navigation-bar-base: map-deep-merge(
 	(
-		link-border-radius: 0,
-		link-outline: 0,
-		link-focus-box-shadow: $cadmin-btn-focus-box-shadow,
-		link-disabled-box-shadow: none,
+		border-color: transparent,
+		border-style: solid,
+		navbar-nav: (
+			nav-link: (
+				border-radius: 0,
+				outline: 0,
+				focus: (
+					box-shadow: $cadmin-btn-focus-box-shadow,
+				),
+				disabled: (
+					box-shadow: none,
+				),
+			),
+		),
+		media-breakpoint-down: (),
+		media-breakpoint-up: (),
 	),
 	$cadmin-navigation-bar-base
 );
@@ -35,15 +47,55 @@ $cadmin-navigation-bar-base: map-deep-merge(
 $cadmin-navigation-bar-light: () !default;
 $cadmin-navigation-bar-light: map-deep-merge(
 	(
-		bg: $cadmin-white,
+		background-color: $cadmin-white,
 		border-color: $cadmin-gray-200,
-		link-color: $cadmin-navbar-light-color,
-		link-font-weight: $cadmin-font-weight-semi-bold,
-		link-hover-color: $cadmin-gray-900,
-		link-focus-color: $cadmin-gray-900,
-		link-active-color: $cadmin-navbar-light-active-color,
-		link-disabled-color: $cadmin-gray-600,
-		link-disabled-opacity: $cadmin-btn-disabled-opacity,
+		navbar-nav: (
+			nav-link: (
+				color: $cadmin-navbar-light-color,
+				font-weight: $cadmin-font-weight-semi-bold,
+				hover: (
+					color: $cadmin-gray-900,
+				),
+				focus: (
+					color: $cadmin-gray-900,
+				),
+				active: (
+					color: $cadmin-navbar-light-active-color,
+				),
+				disabled: (
+					color: $cadmin-gray-600,
+					opacity: $cadmin-btn-disabled-opacity,
+				),
+			),
+		),
+		media-breakpoint-down: (
+			sm: (
+				navbar-expand-md: (
+					navbar-collapse: (
+						navbar-nav: (
+							dropdown-item: (
+								color: $cadmin-navbar-light-color,
+								font-weight: $cadmin-font-weight-semi-bold,
+								hover: (
+									color: $cadmin-gray-900,
+								),
+								focus: (
+									color: $cadmin-gray-900,
+								),
+								active: (
+									color: $cadmin-navbar-light-active-color,
+								),
+								disabled: (
+									color: $cadmin-gray-600,
+									opacity: $cadmin-btn-disabled-opacity,
+								),
+							),
+						),
+					),
+				),
+			),
+		),
+		media-breakpoint-up: (),
 	),
 	$cadmin-navigation-bar-light
 );
@@ -51,17 +103,61 @@ $cadmin-navigation-bar-light: map-deep-merge(
 $cadmin-navigation-bar-secondary: () !default;
 $cadmin-navigation-bar-secondary: map-deep-merge(
 	(
-		bg: $cadmin-secondary-d1,
+		background-color: $cadmin-secondary-d1,
 		color: $cadmin-white,
-		link-color: $cadmin-secondary-l2,
-		link-font-weight: $cadmin-font-weight-semi-bold,
-		link-hover-color: $cadmin-white,
-		link-focus-color: $cadmin-white,
-		link-active-color: $cadmin-white,
-		link-disabled-color: $cadmin-gray-400,
-		link-disabled-opacity: $cadmin-btn-disabled-opacity,
-		brand-color: rgba(255, 255, 255, 0.9),
-		brand-hover-color: rgba(255, 255, 255, 0.9),
+		navbar-nav: (
+			nav-link: (
+				color: $cadmin-secondary-l2,
+				font-weight: $cadmin-font-weight-semi-bold,
+				hover: (
+					color: $cadmin-white,
+				),
+				focus: (
+					color: $cadmin-white,
+				),
+				active: (
+					color: $cadmin-white,
+				),
+				disabled: (
+					color: $cadmin-gray-400,
+					opacity: $cadmin-btn-disabled-opacity,
+				),
+			),
+		),
+		navbar-brand: (
+			color: rgba(255, 255, 255, 0.9),
+			hover: (
+				color: rgba(255, 255, 255, 0.9),
+			),
+		),
+		media-breakpoint-down: (
+			sm: (
+				navbar-expand-md: (
+					navbar-collapse: (
+						navbar-nav: (
+							dropdown-item: (
+								color: $cadmin-secondary-l2,
+								font-weight: $cadmin-font-weight-semi-bold,
+								hover: (
+									color: $cadmin-white,
+								),
+								focus: (
+									color: $cadmin-white,
+								),
+								active: (
+									color: $cadmin-white,
+								),
+								disabled: (
+									color: $cadmin-gray-400,
+									opacity: $cadmin-btn-disabled-opacity,
+								),
+							),
+						),
+					),
+				),
+			),
+		),
+		media-breakpoint-up: (),
 	),
 	$cadmin-navigation-bar-secondary
 );

package/src/scss/cadmin/variables/_navs.scss

@@ -20,12 +20,16 @@ $cadmin-nav-link: map-deep-merge(
 		),
 		focus: (
 			text-decoration: none,
+			z-index: 1,
+		),
+		disabled: (
+			color: $cadmin-nav-link-disabled-color,
+			box-shadow: none,
+			cursor: $cadmin-nav-link-disabled-cursor,
+			active: (
+				pointer-events: none,
+			),
 		),
-		focus-z-index: 1,
-		disabled-color: $cadmin-nav-link-disabled-color,
-		disabled-box-shadow: none,
-		disabled-cursor: $cadmin-nav-link-disabled-cursor,
-		disabled-active-pointer-events: none,
 	),
 	$cadmin-nav-link
 );
@@ -34,9 +38,13 @@ $cadmin-nav-link-btn-unstyled: () !default;
 $cadmin-nav-link-btn-unstyled: map-deep-merge(
 	(
 		width: 100%,
-		disabled-opacity: 1,
-		focus-box-shadow: #{0 0 0 2px $cadmin-white,
-		0 0 0 4px $cadmin-primary-l1},
+		focus: (
+			box-shadow: #{0 0 0 2px $cadmin-white,
+			0 0 0 4px $cadmin-primary-l1},
+		),
+		disabled: (
+			opacity: 1,
+		),
 		c-inner: (
 			width: auto,
 		),
@@ -79,15 +87,25 @@ $cadmin-nav-btn: map-deep-merge(
 		position: relative,
 		text-align: center,
 		width: auto,
-		focus-z-index: 1,
-		disabled-opacity: 1,
+		focus: (
+			z-index: 1,
+		),
+		disabled: (
+			opacity: 1,
+		),
 		c-inner: (
 			margin-bottom: 0,
 			margin-left: math-sign($cadmin-nav-btn-padding-x),
 			margin-right: math-sign($cadmin-nav-btn-padding-x),
 			margin-top: math-sign($cadmin-btn-border-width),
 		),
-		lexicon-icon-margin-top: 0,
+		btn-link: (
+			margin-left: 0,
+			margin-right: 0,
+		),
+		lexicon-icon: (
+			margin-top: 0,
+		),
 	),
 	$cadmin-nav-btn
 );
@@ -114,26 +132,126 @@ $cadmin-nav-link-monospaced: map-deep-merge(
 		margin: $cadmin-nav-btn-margin-y $cadmin-nav-btn-margin-x,
 		min-width: $cadmin-nav-item-monospaced-size,
 		padding: 0,
-		lexicon-icon-margin-top: 0,
+		lexicon-icon: (
+			margin-top: 0,
+		),
 	),
 	$cadmin-nav-link-monospaced
 );
 
+// .nav-item
+
+$cadmin-nav-item: () !default;
+$cadmin-nav-item: map-deep-merge(
+	(
+		word-wrap: break-word,
+	),
+	$cadmin-nav-item
+);
+
+// .nav-divider
+
 $cadmin-nav-divider-color: $cadmin-gray-200 !default;
 $cadmin-nav-divider-margin-y: $cadmin-spacer * 0.5 !default;
 
+$cadmin-nav-divider: () !default;
+
+// .nav-text-truncate
+
+$cadmin-nav-text-truncate: () !default;
+$cadmin-nav-text-truncate: map-deep-merge(
+	(
+		display: inline-block,
+		margin-bottom: -6px,
+		max-width: 100%,
+		overflow: hidden,
+		text-overflow: ellipsis,
+		white-space: nowrap,
+	),
+	$cadmin-nav-text-truncate
+);
+
+// .nav .nav-form
+
 $cadmin-nav-form-padding-bottom: 0 !default;
 $cadmin-nav-form-padding-left: $cadmin-nav-link-padding-x !default;
 $cadmin-nav-form-padding-right: $cadmin-nav-link-padding-x !default;
 $cadmin-nav-form-padding-top: 0 !default;
 
-// Nav Stacked
+$cadmin-nav-form: () !default;
+$cadmin-nav-form: map-merge(
+	(
+		padding-bottom: $cadmin-nav-form-padding-bottom,
+		padding-left: $cadmin-nav-form-padding-left,
+		padding-right: $cadmin-nav-form-padding-right,
+		padding-top: $cadmin-nav-form-padding-top,
+	),
+	$cadmin-nav-form
+);
+
+// .nav
+
+$cadmin-nav: () !default;
+$cadmin-nav: map-deep-merge(
+	(
+		display: flex,
+		flex-wrap: wrap,
+		font-size: $cadmin-nav-font-size,
+		list-style: none,
+		margin-bottom: 0,
+		padding-left: 0,
+	),
+	$cadmin-nav
+);
+
+// .nav-stacked
 
 $cadmin-nav-stacked-nav-form-padding-bottom: $cadmin-nav-link-padding-y !default;
 $cadmin-nav-stacked-nav-form-padding-left: 8px !default;
 $cadmin-nav-stacked-nav-form-padding-right: 8px !default;
 $cadmin-nav-stacked-nav-form-padding-top: $cadmin-nav-link-padding-y !default;
 
+$cadmin-nav-stacked: () !default;
+$cadmin-nav-stacked: map-deep-merge(
+	(
+		display: block,
+		nav-form: (
+			padding-bottom: $cadmin-nav-stacked-nav-form-padding-bottom,
+			padding-left: $cadmin-nav-stacked-nav-form-padding-left,
+			padding-right: $cadmin-nav-stacked-nav-form-padding-right,
+			padding-top: $cadmin-nav-stacked-nav-form-padding-top,
+		),
+	),
+	$cadmin-nav-stacked
+);
+
+// .nav-unstyled
+
+$cadmin-nav-unstyled: () !default;
+$cadmin-nav-unstyled: map-deep-merge(
+	(
+		flex-wrap: nowrap,
+		nav-link: (
+			line-height: $cadmin-nav-item-monospaced-size,
+			padding-bottom: 0,
+			padding-left: 4px,
+			padding-right: 4px,
+			padding-top: 0,
+		),
+		nav-link-monospaced: (
+			margin: 0 4px,
+		),
+		nav-btn: (
+			margin: 0 4px,
+			padding-bottom: 0,
+			padding-left: 4px,
+			padding-right: 4px,
+			padding-top: 0,
+		),
+	),
+	$cadmin-nav-unstyled
+);
+
 // Nav Nested
 
 $cadmin-nav-nested-margins-spacer-x: $cadmin-nav-link-padding-x !default;
@@ -160,6 +278,23 @@ $cadmin-nav-tabs-link-active-border-color: transparent transparent
 	$cadmin-body-bg !default;
 $cadmin-nav-tabs-link-active-color: $cadmin-gray-900 !default;
 
+$cadmin-nav-tabs-link-show-color: $cadmin-nav-tabs-link-active-color !default;
+$cadmin-nav-tabs-link-show-bg: transparent !default;
+$cadmin-nav-tabs-link-show-border-color: transparent transparent
+	$cadmin-nav-tabs-border-color transparent !default;
+
+// .nav-tabs .nav-link[aria-expanded="true"]
+
+$cadmin-nav-tabs-link-show: () !default;
+$cadmin-nav-tabs-link-show: map-deep-merge(
+	(
+		background-color: $cadmin-nav-tabs-link-show-bg,
+		border-color: $cadmin-nav-tabs-link-show-border-color,
+		color: $cadmin-nav-tabs-link-show-color,
+	),
+	$cadmin-nav-tabs-link-show
+);
+
 $cadmin-nav-tabs-link: () !default;
 $cadmin-nav-tabs-link: map-deep-merge(
 	(
@@ -188,6 +323,7 @@ $cadmin-nav-tabs-link: map-deep-merge(
 			border-color: $cadmin-nav-tabs-link-active-border-color,
 			color: $cadmin-nav-tabs-link-active-color,
 		),
+		show: $cadmin-nav-tabs-link-show,
 		disabled: (
 			background-color: transparent,
 			border-color: transparent,
@@ -198,21 +334,20 @@ $cadmin-nav-tabs-link: map-deep-merge(
 	$cadmin-nav-tabs-link
 );
 
-// Nav Tabs Link Show
+// .nav-tabs
 
-$cadmin-nav-tabs-link-show-color: $cadmin-nav-tabs-link-active-color !default;
-$cadmin-nav-tabs-link-show-bg: transparent !default;
-$cadmin-nav-tabs-link-show-border-color: transparent transparent
-	$cadmin-nav-tabs-border-color transparent !default;
-
-$cadmin-nav-tabs-link-show: () !default;
-$cadmin-nav-tabs-link-show: map-deep-merge(
+$cadmin-nav-tabs: () !default;
+$cadmin-nav-tabs: map-deep-merge(
 	(
-		bg: $cadmin-nav-tabs-link-show-bg,
-		border-color: $cadmin-nav-tabs-link-show-border-color,
-		color: $cadmin-nav-tabs-link-show-color,
+		border-bottom: $cadmin-nav-tabs-border-width solid
+			$cadmin-nav-tabs-border-color,
+		font-size: $cadmin-nav-tabs-font-size,
+		nav-item: (
+			margin-bottom: math-sign($cadmin-nav-tabs-border-width),
+		),
+		nav-link: $cadmin-nav-tabs-link,
 	),
-	$cadmin-nav-tabs-link-show
+	$cadmin-nav-tabs
 );
 
 // Nav Tabs Tab Pane
@@ -221,7 +356,22 @@ $cadmin-nav-tabs-tab-pane-bg: $cadmin-white !default;
 $cadmin-nav-tabs-tab-pane-border-radius: 4px !default;
 $cadmin-nav-tabs-tab-pane-padding: 32px !default;
 
-// Nav Underline
+// Nav Underline Link Highlight
+
+$cadmin-nav-underline-link-highlight-content: null !default;
+$cadmin-nav-underline-link-highlight-height: null !default;
+$cadmin-nav-underline-link-highlight-bottom: 0 !default;
+$cadmin-nav-underline-link-highlight-left: 0 !default;
+$cadmin-nav-underline-link-highlight-right: 0 !default;
+$cadmin-nav-underline-link-highlight-top: null !default;
+
+$cadmin-nav-underline-link-active-highlight: $cadmin-primary-l1 !default;
+$cadmin-nav-underline-link-active-content: '' !default;
+$cadmin-nav-underline-link-active-highlight-height: 2px !default; // 2px
+
+$cadmin-nav-underline-link-disabled-highlight: null !default;
+
+// .nav-underline
 
 $cadmin-nav-underline-font-size: null !default;
 
@@ -237,6 +387,16 @@ $cadmin-nav-underline-link-active-color: $cadmin-gray-900 !default;
 
 $cadmin-nav-underline-link-disabled-color: $cadmin-nav-link-disabled-color !default;
 
+// .nav-underline .nav-link[aria-expanded='true']
+
+$cadmin-nav-underline-link-show: () !default;
+$cadmin-nav-underline-link-show: map-deep-merge(
+	(
+		color: $cadmin-nav-underline-link-active-color,
+	),
+	$cadmin-nav-underline-link-show
+);
+
 $cadmin-nav-underline-link: () !default;
 $cadmin-nav-underline-link: map-deep-merge(
 	(
@@ -249,36 +409,51 @@ $cadmin-nav-underline-link: map-deep-merge(
 		padding-right: $cadmin-nav-underline-link-padding-x,
 		padding-top: 9px,
 		transition: box-shadow 0.15s ease-in-out,
-		hover-color: $cadmin-nav-underline-link-hover-color,
-		focus-box-shadow: $cadmin-component-focus-box-shadow,
-		focus-color: $cadmin-nav-underline-link-hover-color,
-		focus-outline: 0,
-		active-class-color: $cadmin-nav-underline-link-active-color,
-		disabled-box-shadow: none,
-		disabled-color: $cadmin-nav-underline-link-disabled-color,
+		after: (
+			bottom: $cadmin-nav-underline-link-highlight-bottom,
+			content: $cadmin-nav-underline-link-highlight-content,
+			display: block,
+			height: $cadmin-nav-underline-link-highlight-height,
+			position: absolute,
+			left: $cadmin-nav-underline-link-highlight-left,
+			right: $cadmin-nav-underline-link-highlight-right,
+			top: $cadmin-nav-underline-link-highlight-top,
+			width: auto,
+		),
+		hover: (
+			color: $cadmin-nav-underline-link-hover-color,
+		),
+		focus: (
+			box-shadow: $cadmin-component-focus-box-shadow,
+			color: $cadmin-nav-underline-link-hover-color,
+			outline: 0,
+		),
+		active-class: (
+			color: $cadmin-nav-underline-link-active-color,
+			after: (
+				content: $cadmin-nav-underline-link-active-content,
+				height: $cadmin-nav-underline-link-active-highlight-height,
+			),
+		),
+		show: $cadmin-nav-underline-link-show,
+		disabled: (
+			box-shadow: none,
+			color: $cadmin-nav-underline-link-disabled-color,
+			after: (
+				background-color: $cadmin-nav-underline-link-disabled-highlight,
+			),
+		),
 	),
 	$cadmin-nav-underline-link
 );
 
-$cadmin-nav-underline-link-show: () !default;
-$cadmin-nav-underline-link-show: map-deep-merge(
+// .nav-underline
+
+$cadmin-nav-underline: () !default;
+$cadmin-nav-underline: map-deep-merge(
 	(
-		color: $cadmin-nav-underline-link-active-color,
+		font-size: $cadmin-nav-underline-font-size,
+		nav-link: $cadmin-nav-underline-link,
 	),
-	$cadmin-nav-underline-link-show
+	$cadmin-nav-underline
 );
-
-// Nav Underline Link Highlight
-
-$cadmin-nav-underline-link-highlight-content: null !default;
-$cadmin-nav-underline-link-highlight-height: null !default;
-$cadmin-nav-underline-link-highlight-bottom: 0 !default;
-$cadmin-nav-underline-link-highlight-left: 0 !default;
-$cadmin-nav-underline-link-highlight-right: 0 !default;
-$cadmin-nav-underline-link-highlight-top: null !default;
-
-$cadmin-nav-underline-link-active-highlight: $cadmin-primary-l1 !default;
-$cadmin-nav-underline-link-active-content: '' !default;
-$cadmin-nav-underline-link-active-highlight-height: 2px !default; // 2px
-
-$cadmin-nav-underline-link-disabled-highlight: null !default;