feat: ✨ section style

importantimport · Nov 13, 2023 · daa85e4 · daa85e4
1 parent 58881b1
commit daa85e4
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/packages/shiraha-ve/src/typography/section/global.css.ts b/packages/shiraha-ve/src/typography/section/global.css.ts
@@ -0,0 +1,7 @@
+import { globalStyle } from '@vanilla-extract/css'
+
+import * as styles from './styles'
+
+globalStyle(':where(section)', styles.section)
+
+globalStyle(':where(section):children', styles.sectionChild)
diff --git a/packages/shiraha-ve/src/typography/section/styles.ts b/packages/shiraha-ve/src/typography/section/styles.ts
@@ -0,0 +1,13 @@
+import type { ComplexStyleRule } from '@vanilla-extract/css'
+
+/** {@link https://www.builder.io/blog/css-gap} */
+export const section = {
+  display: 'flex',
+  flexDirection: 'column',
+  gap: 24,
+} as const satisfies ComplexStyleRule
+
+export const sectionChild = {
+  marginBottom: 0,
+  marginTop: 0,
+} as const satisfies ComplexStyleRule