@clayui/css 3.61.0 → 3.62.0

package/src/scss/mixins/_tbar.scss

@@ -67,6 +67,17 @@
 /// - Add @link to documentation
 
 @mixin clay-tbar-variant($map) {
+	$enable-c-inner: if(
+		variable-exists(enable-c-inner),
+		$enable-c-inner,
+		if
+			(
+				variable-exists(cadmin-enable-c-inner),
+				$cadmin-enable-c-inner,
+				true
+			)
+	);
+
 	$base: map-merge(
 		$map,
 		(
@@ -190,15 +201,7 @@
 	$btn-c-inner: setter(map-get($map, btn-c-inner), ());
 	$btn-c-inner: map-merge(
 		(
-			enabled:
-				setter(
-					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
-				),
+			enabled: $enable-c-inner,
 			margin-bottom: math-sign(map-get($btn, padding-bottom)),
 			margin-left: math-sign(map-get($btn, padding-left)),
 			margin-right: math-sign(map-get($btn, padding-right)),
@@ -269,15 +272,7 @@
 	$btn-monospaced-c-inner: setter(map-get($map, btn-monospaced-c-inner), ());
 	$btn-monospaced-c-inner: map-merge(
 		(
-			enabled:
-				setter(
-					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
-				),
+			enabled: $enable-c-inner,
 			margin: math-sign(map-get($btn-monospaced, padding)),
 		),
 		$btn-monospaced-c-inner
@@ -330,15 +325,7 @@
 	$link-c-inner: setter(map-get($map, link-c-inner), ());
 	$link-c-inner: map-merge(
 		(
-			enabled:
-				setter(
-					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
-				),
+			enabled: $enable-c-inner,
 			margin-bottom: math-sign(map-get($link, padding-bottom)),
 			margin-left: math-sign(map-get($link, padding-left)),
 			margin-right: math-sign(map-get($link, padding-right)),
@@ -410,15 +397,7 @@
 	);
 	$link-monospaced-c-inner: map-merge(
 		(
-			enabled:
-				setter(
-					if(
-						variable-exists(enable-c-inner),
-						$enable-c-inner,
-						$cadmin-enable-c-inner
-					),
-					true
-				),
+			enabled: $enable-c-inner,
 			margin: math-sign(map-get($link-monospaced, padding)),
 		),
 		$link-monospaced-c-inner

package/src/scss/mixins/_timelines.scss

@@ -5,25 +5,41 @@
 $card-border-width: if(
 	variable-exists(card-border-width),
 	$card-border-width,
-	$cadmin-card-border-width
+	if(
+		variable-exists(cadmin-card-border-width),
+		$cadmin-card-border-width,
+		0px
+	)
 );
 
 $timeline-inner-spacing: if(
 	variable-exists(timeline-inner-spacing),
 	$timeline-inner-spacing,
-	$cadmin-timeline-inner-spacing
+	if(
+		variable-exists(cadmin-timeline-inner-spacing),
+		$cadmin-timeline-inner-spacing,
+		0px
+	)
 );
 
 $timeline-border-width: if(
 	variable-exists(timeline-border-width),
 	$timeline-border-width,
-	$cadmin-timeline-border-width
+	if(
+		variable-exists(cadmin-timeline-border-width),
+		$cadmin-timeline-border-width,
+		1px
+	)
 );
 
 $timeline-border-modifier: if(
 	variable-exists(timeline-border-modifier),
 	$timeline-border-modifier,
-	$cadmin-timeline-border-modifier
+	if(
+		variable-exists(cadmin-timeline-border-modifier),
+		$cadmin-timeline-border-modifier,
+		0px
+	)
 );
 
 /// A mixin that places the `.timeline-item::before` element on the right side. This mixin is used in `.timeline-right`.

package/src/scss/variables/_forms.scss

@@ -525,6 +525,37 @@ $form-control-tag-group-component-action: map-deep-merge(
 	$form-control-tag-group-component-action
 );
 
+// .form-control-tag-group-sm.form-control
+
+$form-control-tag-group-sm: () !default;
+$form-control-tag-group-sm: map-deep-merge(
+	(
+		border-radius: clay-enable-rounded($input-border-radius-sm),
+		font-size: $input-font-size-sm,
+		height: auto,
+		line-height: $input-line-height-sm,
+		min-height: $input-height-sm,
+		padding-bottom: 0,
+		padding-left: 0.25rem,
+		padding-right: 0.25rem,
+		padding-top: 0,
+		inline-item: (
+			margin-bottom: 0,
+			margin-top: 0,
+		),
+		label: (
+			margin-bottom: 0.1875rem,
+			margin-right: 0.25rem,
+			margin-top: 0.1875rem,
+		),
+		form-control-inset: (
+			margin-bottom: 0.125rem,
+			margin-top: 0.1875rem,
+		),
+	),
+	$form-control-tag-group-sm
+);
+
 // Form Grid
 
 /// @deprecated as of v3.x with no replacement
@@ -1730,25 +1761,6 @@ $input-group-sm: map-deep-merge(
 		input-group-item: (
 			btn: $input-group-sm-item-btn,
 			btn-monospaced: $input-group-sm-item-btn-monospaced,
-			form-control: (
-				border-radius: clay-enable-rounded($input-border-radius-sm),
-				font-size: $input-font-size-sm,
-				height: auto,
-				line-height: $input-line-height-sm,
-				min-height: $input-height-sm,
-				padding-bottom: 0,
-				padding-left: $input-padding-x-sm,
-				padding-right: $input-padding-x-sm,
-				padding-top: 0,
-				label: (
-					margin-bottom: 0.1875rem,
-					margin-top: 0.1875rem,
-				),
-			),
-			form-control-inset: (
-				margin-bottom: 0.125rem,
-				margin-top: 0.1875rem,
-			),
 			form-file: (
 				btn: (
 					border-radius: clay-enable-rounded($input-border-radius-sm),

package/src/scss/variables/_type.scss

@@ -5,6 +5,20 @@ $strong-font-weight: null !default;
 $reference-mark-font-size: 0.75rem !default;
 $reference-mark-vertical-align: super !default;
 
+$reference-mark: () !default;
+$reference-mark: map-deep-merge(
+	(
+		display: inline-block,
+		font-size: $reference-mark-font-size,
+		position: relative,
+		vertical-align: $reference-mark-vertical-align,
+		lexicon-icon: (
+			vertical-align: $reference-mark-vertical-align,
+		),
+	),
+	$reference-mark
+);
+
 $mark-color: null !default;
 
 // C Kbd