refactor(shiraha-ve): 💄 update text-wrap

importantimport · Oct 26, 2023 · fdebe0d · fdebe0d
1 parent 73467fc
commit fdebe0d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/packages/shiraha-ve/src/base/html.global.css.ts b/packages/shiraha-ve/src/base/html.global.css.ts
@@ -13,6 +13,7 @@ globalStyle('html', {
   lineHeight: 1.5,
   overflowWrap: 'break-word',
   tabSize: 4,
+  textWrap: 'pretty',
   wordWrap: 'break-word',
 })
 

diff --git a/packages/shiraha-ve/src/typography/heading/styles.ts b/packages/shiraha-ve/src/typography/heading/styles.ts
@@ -3,18 +3,11 @@ import type { ComplexStyleRule } from '@vanilla-extract/css'
 import OP from 'open-props'
 
 export const h = {
-  '@supports': {
-    '(text-wrap: pretty)': {
-      textWrap: 'pretty',
-    },
-    'not (text-wrap: pretty)': {
-      textWrap: 'balance',
-    },
-  },
-  'fontWeight': OP.fontWeight6,
-  'letterSpacing': '-0.025em',
-  'paddingBottom': 8,
-  'scrollMargin': 80,
+  fontWeight: OP.fontWeight6,
+  letterSpacing: '-0.025em',
+  paddingBottom: 8,
+  scrollMargin: 80,
+  textWrap: 'balance',
 } as const satisfies ComplexStyleRule
 
 export const h123NotFirstChild = {