From a3b0d9071a09afcb248c68c591294f7181c2507a Mon Sep 17 00:00:00 2001
From: Vixalie <vixalie@outlook.com>
Date: Mon, 10 Mar 2025 21:23:20 +0800
Subject: [PATCH] rearange utilities styles.

---
 src/components.css |  2 +-
 src/index.css      |  1 +
 src/utilities.css  | 20 ++++++++++++++++++++
 3 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 src/utilities.css

diff --git a/src/components.css b/src/components.css
index 3826b59..076c6bf 100644
--- a/src/components.css
+++ b/src/components.css
@@ -60,7 +60,7 @@
     align-items: center;
   }
 
-  :where(.spacer, .extendable) {
+  .spacer {
     flex: 1 1;
   }
 
diff --git a/src/index.css b/src/index.css
index e0e1b0b..cc621a5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,3 +3,4 @@
 @import 'sanitize.css/forms.css' layer(base);
 @import './theme.css';
 @import './components.css';
+@import './utilities.css';
diff --git a/src/utilities.css b/src/utilities.css
new file mode 100644
index 0000000..714ac50
--- /dev/null
+++ b/src/utilities.css
@@ -0,0 +1,20 @@
+@layer utilities {
+  .extendable {
+    flex: 1 1;
+  }
+
+  .grow {
+    flex-grow: 1;
+  }
+
+  .shrink {
+    flex-shrink: 1;
+  }
+
+  .empty_prompt {
+    padding-block: calc(var(--spacing) * 1);
+    text-align: center;
+    font-size: calc(var(--font-size) * 0.8);
+    color: var(--color-on-surface-variant);
+  }
+}