refactor(shiraha-ve): 💄 update styles

importantimport · Sep 28, 2023 · 5f56e3c · 5f56e3c
1 parent 60d3ea4
commit 5f56e3c
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/packages/shiraha-ve/src/typography/paragraph/global.css.ts b/packages/shiraha-ve/src/typography/paragraph/global.css.ts
@@ -1,7 +1,7 @@
 import { globalStyle } from '@vanilla-extract/css'
-import OP from 'open-props'
 
-globalStyle('p', {
-  fontSize: OP.fontSize1,
-  // TODO: margin
-})
+import * as styles from './style'
+
+globalStyle('p', styles.p)
+
+globalStyle('p:not(:first-child)', styles.pNotFirstChild)
diff --git a/packages/shiraha-ve/src/typography/paragraph/style.ts b/packages/shiraha-ve/src/typography/paragraph/style.ts
@@ -0,0 +1,11 @@
+import type { ComplexStyleRule } from '@vanilla-extract/css'
+
+import OP from 'open-props'
+
+export const p = {
+  fontSize: OP.fontSize1,
+} as const satisfies ComplexStyleRule
+
+export const pNotFirstChild = {
+  marginTop: 16,
+} as const satisfies ComplexStyleRule
diff --git a/packages/shiraha-ve/src/typography/paragraph/vanilla.css.ts b/packages/shiraha-ve/src/typography/paragraph/vanilla.css.ts
@@ -0,0 +1,10 @@
+import { style } from '@vanilla-extract/css'
+
+import * as styles from './style'
+
+export const p = style({
+  ...styles.p,
+  selectors: {
+    '&:not(:first-child)': styles.pNotFirstChild,
+  },
+})