$ol_style: + gradients

hyoo-ru · Dec 31, 2023 · 9af3dbf · 9af3dbf
1 parent 2dc7eb3
commit 9af3dbf
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/style/func/func.ts b/style/func/func.ts
@@ -6,14 +6,21 @@ namespace $ {
 	| 'rgba'
 	| 'var'
 	| 'clamp'
-	| 'url'
 	| 'scale'
 	| 'cubic-bezier'
 	| 'linear'
 	| 'steps'
+	| $mol_style_func_image
 	| $mol_style_func_filter
 
-	export type $mol_style_func_filter = 'blur'
+	export type $mol_style_func_image =
+	| 'url'
+	| 'linear-gradient'
+	| 'radial-gradient'
+	| 'conic-gradient'
+
+	export type $mol_style_func_filter =
+	| 'blur'
 	| 'brightness'
 	| 'contrast'
 	| 'drop-shadow'
@@ -45,6 +52,10 @@ namespace $ {
 		prefix() { return this.name + '(' }
 		postfix() { return ')' }
 
+		static linear_gradient< Value >( value : Value ) {
+			return new $mol_style_func( 'linear-gradient' , value )
+		}
+
 		static calc< Value >( value : Value ) {
 			return new $mol_style_func( 'calc' , value )
 		}

diff --git a/style/properties/properties.ts b/style/properties/properties.ts
@@ -292,7 +292,7 @@ namespace $ {
 			 * @see https://developer.mozilla.org/ru/docs/Web/CSS/background-image
 			 */
 			image?:
-			| readonly( readonly [ $mol_style_func<'url'> | string&{} ] )[]
+			| readonly( readonly [ $mol_style_func< $mol_style_func_image > | string&{} ] )[]
 			| 'none' | Common
 
 			/**