@symbo.ls/scratch 0.2.28 → 0.3.2

package/package.json

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

package/src/methods/set.js

@@ -196,7 +196,7 @@ const setFontFamily = (val, key) => {
   return { var: CSSvar, value: str, arr: value, type }
 }
 
-const setTypography = (val, key) => {
+const setSameValue = (val, key) => {
   return val
 }
 
@@ -206,7 +206,9 @@ export const SETTERS = {
   font: setFont,
   font_family: setFontFamily,
   theme: setTheme,
-  typography: setTypography
+  typography: setSameValue,
+  spacing: setSameValue,
+  responsive: setSameValue
 }
 
 /**

package/src/reset.js

@@ -1,11 +1,11 @@
 'use strict'
 
 import * as CONFIG from './config'
-import { merge } from './utils'
+import { deepMerge, merge } from './utils'
 
 export const RESET = {}
 
-export const applyReset = () => merge(RESET, {
+export const applyReset = (reset = {}) => deepMerge(merge(RESET, reset), {
   html: {
     position: 'absolute',
     overflow: 'hidden',

package/src/utils/index.js

@@ -27,6 +27,19 @@ export const merge = (obj, original) => {
   return obj
 }
 
+export const deepMerge = (obj, obj2) => {
+  for (const e in obj2) {
+    const objProp = obj[e]
+    const obj2Prop = obj2[e]
+    if (objProp === undefined) {
+      obj[e] = obj2Prop
+    } else if (isObjectLike(objProp) && isObject(obj2Prop)) {
+      deepMerge(objProp, obj2Prop)
+    }
+  }
+  return obj
+}
+
 export const colorStringToRgbaArray = color => {
   if (color === '') return
   if (color.toLowerCase() === 'transparent') return [0, 0, 0, 0]
@@ -257,6 +270,8 @@ export const generateSequence = ({ type, base, ratio, range, subSequence, ...sta
 export const fallBack = ({ type, prop, val = 'A', prefix = '--font-size-' }) => {
   if (typeof val !== 'string') console.warn(prop, val, 'is not a string')
 
+  if (val === 'auto') return ({ [prop]: val })
+
   // const startsWithLetterRegex = /^[a-zA-Z]/i
   const startsWithLetterRegex = /^-?[a-zA-Z]/i
   // const hasLetter = /[A-Za-z]+/.test(val)