Adding back border box sizing reset

0xsequence · Jul 9, 2024 · 4063507 · 4063507
1 parent 8e5385d
commit 4063507
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -10,12 +10,6 @@
 />
 
 <style type="text/css">
-  *,
-  *::before,
-  *::after {
-    box-sizing: border-box;
-  }
-
   body {
     background: var(--seq-colors-background-primary);
   }

diff --git a/src/css/index.ts b/src/css/index.ts
@@ -1,3 +1,5 @@
+import './reset.css'
+
 export { breakpoints } from './breakpoints'
 export type { Breakpoint } from './breakpoints'
 

diff --git a/src/css/reset.css.ts b/src/css/reset.css.ts
@@ -0,0 +1,5 @@
+import { globalStyle } from '@vanilla-extract/css'
+
+globalStyle('*, *::before, *::after', {
+  boxSizing: 'border-box',
+})