fix(@clayui/css): Update and add box-shadow variable to cadmin class

liferay · Sep 21, 2023 · d4a094a · d4a094a
1 parent dfe8e4d
commit d4a094a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/clay-css/src/scss/cadmin/variables/_globals.scss b/packages/clay-css/src/scss/cadmin/variables/_globals.scss
@@ -329,8 +329,9 @@ $cadmin-component-transition: color 0.15s ease-in-out,
 
 $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,
-	inset 0 0 0 4px $cadmin-white} !default;
+$cadmin-component-focus-inset-box-shadow: #{inset 0 0 0 0.125rem
+		$cadmin-primary-l0,
+	inset 0 0 0 0.25rem $cadmin-white} !default;
 
 $cadmin-component-active-bg: $cadmin-primary !default;
 $cadmin-component-active-color: $cadmin-white !default;

diff --git a/packages/clay-css/src/scss/cadmin/variables/_range.scss b/packages/clay-css/src/scss/cadmin/variables/_range.scss
@@ -80,6 +80,11 @@ $cadmin-clay-range-input: map-deep-merge(
 			position: absolute,
 			top: 50%,
 			width: 50%,
+			focus: (
+				clay-range-thumb: (
+					box-shadow: $cadmin-component-focus-inset-box-shadow,
+				),
+			),
 		),
 		tooltip: (
 			margin-left: 13px,