@symbo.ls/scratch 0.7.29 → 0.7.31

package/package.json

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

package/src/system/reset.js

@@ -1,23 +1,18 @@
 'use strict'
 
-import * as CONFIG from '../defaultConfig'
-import { CSS_VARS } from '../factory'
+import { CONFIG, CSS_VARS } from '../factory'
 import { getMediaTheme } from '.'
 import { deepMerge, merge, overwriteDeep } from '@domql/utils' // eslint-disable-line no-unused-vars
 
 export const applyReset = (reset = {}) => {
   if (CONFIG.RESET) {
-    // if (CONFIG.RESET[':root']) {
-    //   overwriteDeep(CONFIG.TYPOGRAPHY.styles, CONFIG.RESET)
-    //   console.log(CONFIG.RESET)
-    //   CONFIG.RESET[':root'] = CSS_VARS
-    // }
     if (CONFIG.RESET[':root']) {
       const configReset = CONFIG.RESET
       const configStyles = CONFIG.TYPOGRAPHY.styles
+
       configReset[':root'] = CSS_VARS
       configReset.body = {
-        ...getMediaTheme('document', CONFIG.globalTheme),
+        ...getMediaTheme('document', `@${CONFIG.globalTheme}`),
         ...configStyles.body
       }
       configReset.h1 = configStyles.h1
@@ -59,7 +54,7 @@ export const applyReset = (reset = {}) => {
 
         fontSize: CONFIG.TYPOGRAPHY.base / CONFIG.TYPOGRAPHY.browserDefault + CONFIG.UNIT.default,
 
-        ...getMediaTheme('document', CONFIG.globalTheme),
+        ...getMediaTheme('document', `@${CONFIG.globalTheme}`),
 
         ...CONFIG.TYPOGRAPHY.styles.body
       },

package/src/system/theme.js

@@ -225,12 +225,15 @@ export const getMediaTheme = (val, mod) => {
     return
   }
 
+  console.group(val)
+
   const [name, ...modifier] = isArray(val) ? val : val.split(' ')
   let value = CONFIG.THEME[name]
   if (value && (modifier || mod)) {
+    console.log(value)
     value = findModifier(value, modifier.length ? modifier : mod)
   }
-  return recursiveTheme(value)
-}
 
-window.getMediaTheme = getMediaTheme
+  const r = recursiveTheme(value)
+  return r
+}

package/src/utils/sequence.js

@@ -143,6 +143,7 @@ export const getSequenceValue = (value = 'A', sequenceProps) => {
     value === 'none' ||
     value === 'auto' ||
     value === 'unset' ||
+    value === 'inherit' ||
     value === 'fit-content' ||
     value === 'min-content' ||
     value === 'max-content' ||