feat: mobile(reminder) & desktop breakpoints

sombreroEnPuntas · Aug 31, 2020 · 0c67d3c · 0c67d3c
1 parent 1ec50d6
commit 0c67d3c
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
@@ -16,6 +16,12 @@ const animations = {
   `,
 }
 
+export const breakpoints = {
+  // just a reminder to be mobile-first, don't actually use this plz :)
+  mobile: '@media (min-width: 0px)',
+  desktop: '@media (min-width: 768px)',
+}
+
 const colors = {
   black: {
     background: 'white',
@@ -51,6 +57,7 @@ const snippets = {
 
 export const theme = {
   animations,
+  breakpoints,
   colors,
   fonts,
   snippets,