added private properties to interactive spacing

dutchcelt · Jan 10, 2024 · 59f3de1 · 59f3de1
1 parent e1ed87e
commit 59f3de1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/src/system-selectors.css b/src/system-selectors.css
@@ -361,8 +361,9 @@
 	textarea,
 	select,
 	input {
-		padding: var(--system-spacing-interactive);
-		margin-block-end: 1ex;
+		padding-block: var(--system-spacing-interactive-block);
+		padding-inline: var(--system-spacing-interactive-inline);
+		margin-block-end: var(--system-spacing-interactive-block);
 		background: var(--system-field);
 		color: var(--system-field-text);
 		border: var(--system-stroke-thin) solid var(--system-button-border);

diff --git a/src/system-spacing.css b/src/system-spacing.css
@@ -35,8 +35,8 @@
 		/* ELEMENTS (Flow: inline / block) */
 		--_interactive-block-size: calc(var(--system-spacing-element-block) * 1.5);
 		--_interactive-inline-size: calc(var(--system-spacing-element-inline) * 2.75);
-		--system-spacing-interactive-block: 0.8ex;
-		--system-spacing-interactive-inline: 1.5ch;
+		--system-spacing-interactive-block: var(--_interactive-block-size, 0.8ex);
+		--system-spacing-interactive-inline: var(--_interactive-inline-size, 1.5ch);
 		--system-spacing-interactive: var(--system-spacing-interactive-block) var(--system-spacing-interactive-inline);
 	}
 }
diff --git a/vite.config.js b/vite.config.js
@@ -4,11 +4,6 @@ import postcssNesting from 'postcss-nesting';
 
 export default defineConfig({
 	base: '/system.css/',
-	// css: {
-	// 	postcss: {
-	// 		plugins: [postcssNesting],
-	// 	},
-	// },
 	build: {
 		minify: true,
 		rollupOptions: {