Merge pull request #5865 from pat270/LPD-33185

fix(@clayui/css): LPD-33185 The clay-css mixin should support more pr…
liferay · Sep 2, 2024 · 0f04be3 · 0f04be3
2 parents d7bffea + 9ebfbbe
commit 0f04be3
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/packages/clay-css/src/scss/mixins/_globals.scss b/packages/clay-css/src/scss/mixins/_globals.scss
@@ -19,6 +19,7 @@
 			'-webkit-overflow-scrolling',
 			'-webkit-tap-highlight-color',
 			'-webkit-text-size-adjust',
+			'accent-color',
 			'align-content',
 			'align-items',
 			'align-self',
@@ -31,6 +32,8 @@
 			'animation-name',
 			'animation-play-state',
 			'animation-timing-function',
+			'aspect-ratio',
+			'backdrop-filter',
 			'backface-visibility',
 			'background',
 			'background-attachment',
@@ -76,13 +79,19 @@
 			'border-top-width',
 			'border-width',
 			'bottom',
+			'box-decoration-break',
 			'box-shadow',
 			'box-sizing',
 			'caption-side',
+			'caret-color',
 			'clear',
 			'clip',
 			'-webkit-clip-path',
 			'clip-path',
+			'contain',
+			'container',
+			'container-name',
+			'container-type',
 			'color',
 			'column-count',
 			'column-fill',
@@ -113,11 +122,13 @@
 			'float',
 			'font',
 			'font-family',
+			'font-feature-settings',
 			'font-kerning',
 			'font-size',
 			'font-stretch',
 			'font-style',
 			'font-variant',
+			'font-variant-numeric',
 			'font-weight',
 			'gap',
 			'grid',
@@ -139,6 +150,9 @@
 			'grid-template-columns',
 			'grid-template-rows',
 			'height',
+			'hyphens',
+			'inset',
+			'isolation',
 			'justify-content',
 			'left',
 			'letter-spacing',
@@ -174,6 +188,7 @@
 			'max-width',
 			'min-height',
 			'min-width',
+			'mix-blend-mode',
 			'object-fit',
 			'object-position',
 			'opacity',
@@ -186,6 +201,9 @@
 			'overflow',
 			'overflow-x',
 			'overflow-y',
+			'overscroll-behavior',
+			'overscroll-behavior-x',
+			'overscroll-behavior-y',
 			'padding',
 			'padding-bottom',
 			'padding-left',
@@ -196,12 +214,28 @@
 			'page-break-inside',
 			'perspective',
 			'perspective-origin',
+			'place-content',
+			'place-items',
+			'place-self',
 			'pointer-events',
 			'position',
 			'resize',
 			'right',
 			'row-gap',
 			'scroll-behavior',
+			'scroll-margin',
+			'scroll-margin-bottom',
+			'scroll-margin-left',
+			'scroll-margin-right',
+			'scroll-margin-top',
+			'scroll-padding',
+			'scroll-padding-bottom',
+			'scroll-padding-left',
+			'scroll-padding-right',
+			'scroll-padding-top',
+			'scroll-snap-align',
+			'scroll-snap-stop',
+			'scroll-snap-type',
 			'scrollbar-width',
 			'table-layout',
 			'text-align',
@@ -356,6 +390,10 @@
 					-moz-user-select: $value;
 					-webkit-user-select: $value;
 					user-select: $value;
+				} @else if ($key == 'aspect-ratio') {
+					@if (type-of($value) != 'map') {
+						aspect-ratio: $value;
+					}
 				} @else if (index($properties, $key)) {
 					#{$key}: #{$value};
 				}