Styleguide versioning

tailwind.config.js

 const Color = require('color');
+const screens = require("./screens");
 
 const alpha = (clr, val) => Color(clr).alpha(val).rgb().string();
 const lighen = (clr, val) => Color(clr).lighten(val).rgb().string();
@@ -29,13 +30,7 @@ module.exports = {
       }
     },
     // Breakpoints
-    screens: {
-      'sm': '576px',
-      'md': '768px',
-      'lg': '992px',
-      'xl': '1200px',
-      '2xl': '1366px',
-    },
+    screens,
     fontFamily: {
       alt: ['Bebas Neue', 'Helvetica', 'Arial', 'sans-serif'],
       body: ['Roboto', 'Helvetica', 'Arial', 'sans-serif'],