Merge pull request #1129 from vektor-inc/change/css-l4-unit

Allow using CSS level 4 viewport-relative units
vektor-inc · Apr 1, 2024 · c22897a · c22897a
2 parents d287b8a + 1ba7455
commit c22897a
Show file tree

Hide file tree

Showing 4 changed files with 83 additions and 5 deletions.
diff --git a/_g2/functions.php b/_g2/functions.php
@@ -71,7 +71,35 @@ function lightning_theme_setup() {
 	// Block Editor line height @since WordPress 5.5.
 	add_theme_support( 'custom-line-height' );
 	// Block Editor custom unit @since WordPress 5.5.
-	add_theme_support( 'custom-units' );
+	add_theme_support(
+		'custom-units',
+		'px',
+		'%',
+		'vw',
+		'vh',
+		'em',
+		'rem',
+		'svw',
+		'lvw',
+		'dvw',
+		'svh',
+		'lvh',
+		'dvh',
+		'svi',
+		'lvi',
+		'dvi',
+		'svb',
+		'lvb',
+		'dvb',
+		'vmin',
+		'svmin',
+		'lvmin',
+		'dvmin',
+		'vmax',
+		'svmax',
+		'lvmax',
+		'dvmax'
+	);
 	// Block Editor custom unit @since WordPress 5.8.
 	add_theme_support( 'custom-spacing' );
 

diff --git a/_g3/functions.php b/_g3/functions.php
@@ -39,7 +39,35 @@ function lightning_theme_setup() {
 	// Block Editor line height @since WordPress 5.5.
 	add_theme_support( 'custom-line-height' );
 	// Block Editor custom unit @since WordPress 5.5.
-	add_theme_support( 'custom-units' );
+	add_theme_support(
+		'custom-units',
+		'px',
+		'%',
+		'vw',
+		'vh',
+		'em',
+		'rem',
+		'svw',
+		'lvw',
+		'dvw',
+		'svh',
+		'lvh',
+		'dvh',
+		'svi',
+		'lvi',
+		'dvi',
+		'svb',
+		'lvb',
+		'dvb',
+		'vmin',
+		'svmin',
+		'lvmin',
+		'dvmin',
+		'vmax',
+		'svmax',
+		'lvmax',
+		'dvmax'
+	);
 	// Block Editor custom unit @since WordPress 5.8.
 	add_theme_support( 'custom-spacing' );
 

diff --git a/_theme.json b/_theme.json
@@ -41,11 +41,31 @@
 			],
 			"units": [
 				"px",
+				"%",
+				"vw",
+				"vh",
 				"em",
 				"rem",
-				"vh",
-				"vw",
-				"%"
+				"svw",
+				"lvw",
+				"dvw",
+				"svh",
+				"lvh",
+				"dvh",
+				"svi",
+				"lvi",
+				"dvi",
+				"svb",
+				"lvb",
+				"dvb",
+				"vmin",
+				"svmin",
+				"lvmin",
+				"dvmin",
+				"vmax",
+				"svmax",
+				"lvmax",
+				"dvmax"
 			]
 		},
 		"layout": {

diff --git a/readme.txt b/readme.txt
@@ -38,6 +38,8 @@ https://www.vektor-inc.co.jp/inquiry/
 
 == Changelog ==
 
+[ G3 / G2 ] Allow using CSS level 4 viewport-relative units
+
 v15.20.2
 [ G3 ][ Design Bug Fix ][ OriginIII ] Fixed margin-bottom of vk_button does not work if vk_button is adjacent within an element of .is-layout-flow or .is-layout-constrained.
 [ G3 ][ Design Bug Fix ][ OriginIII ] Fixed the issue where the OriginIII title design was incorrectly applied to the post title block.