@symbo.ls/scratch 0.3.15 → 0.3.16

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "Symbols",
-  "version": "0.3.15",
+  "version": "0.3.16",
   "files": [
     "src"
   ],

package/src/config/icons.js

@@ -0,0 +1,3 @@
+'use strict'
+
+export const ICONS = {}

package/src/config/index.js

@@ -12,6 +12,8 @@ export * from './spacing'
 export * from './color'
 export * from './theme'
 
-export * from './responsive'
+export * from './icons'
+
+export * from './media'
 
 export * from './document'

package/src/config/media.js

@@ -0,0 +1,15 @@
+'use strict'
+
+export const MEDIA = {
+  screenL: '(max-width: 1920px)',
+  screenD: '(max-width: 1680px)',
+  screenS: '(max-width: 1440px)',
+  tabletL: '(max-width: 1366px)',
+  tabletM: '(max-width: 1280px)',
+  tabletS: '(max-width: 1024px)',
+  mobileL: '(max-width: 768px)',
+  mobileM: '(max-width: 560px)',
+  mobileS: '(max-width: 480px)',
+
+  light: '(prefers-color-scheme: light)'
+}

package/src/config/responsive.js

@@ -1,6 +1,6 @@
 'use strict'
 
-export const RESPONSIVE = {
+export const BREAKPOINTS = {
   screenL: 1920,
   screenD: 1680,
   screenS: 1440,

package/src/methods/set.js

@@ -224,7 +224,8 @@ export const SETTERS = {
   theme: setTheme,
   typography: setSameValue,
   spacing: setSameValue,
-  responsive: setSameValue
+  media: setSameValue,
+  icons: setSameValue
 }
 
 /**
@@ -262,8 +263,8 @@ export const set = recivedConfig => {
   applyDocument()
 
   CONFIG.verbose = verbose
+  if ((ENV === 'test' || ENV === 'development') && CONFIG.verbose) console.log(CONFIG)
 
-  console.log(CONFIG)
   return CONFIG
 }