feat(core-components-vars): add breakpoints (#358)

core-ds · Nov 17, 2020 · 9cd5699 · 9cd5699
1 parent 543ca60
commit 9cd5699
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/vars/src/breakpoints.css b/packages/vars/src/breakpoints.css
@@ -0,0 +1,11 @@
+:root {
+    --mobile-s: 320px;
+    --mobile-m: 375px;
+    --mobile-l: 412px;
+    --tablet-s: 600px;
+    --tablet-m: 768px;
+    --desktop-s: 1024px;
+    --desktop-m: 1280px;
+    --desktop-l: 1440px;
+    --desktop-xl: 1920px;
+}
diff --git a/packages/vars/src/index.css b/packages/vars/src/index.css
@@ -3,5 +3,6 @@
 @import './colors-indigo.css';
 @import './shadows-indigo.css';
 @import './gaps.css';
+@import './breakpoints.css';
 @import './typography.css';
 @import './mixins.css';