@symbo.ls/scratch 0.7.19 → 0.7.20

package/package.json

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

package/src/defaultConfig/animation.js

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

package/src/defaultConfig/index.js

@@ -16,5 +16,6 @@ export * from './timing'
 export * from './document'
 export * from './responsive'
 export * from './cases'
+export * from './animation'
 
 export const RESET = {}

package/src/set.js

@@ -38,7 +38,8 @@ export const SETTERS = {
   timing: setSameValue,
   icons: setSameValue,
   reset: setSameValue,
-  unit: setSameValue
+  unit: setSameValue,
+  animation: setSameValue
 }
 
 /**

package/src/utils/sequence.js

@@ -1,7 +1,7 @@
 'use strict'
 
 import { toDashCase } from '@symbo.ls/utils'
-import { UNIT } from '../defaultConfig'
+import { SEQUENCE, SPACING, UNIT } from '../defaultConfig'
 import { CONFIG } from '../factory'
 import { isString } from './object'
 
@@ -82,6 +82,20 @@ export const generateSubSequence = (props, sequenceProps) => {
   })
 }
 
+const switchSequenceOnNegative = (key, base, ratio) => {
+  const values = Object.values(SEQUENCE)
+  const index = values.indexOf(ratio)
+  const diffRatio = ratio / SPACING.ratio
+  const total = values[values.length - 1] - values[0]
+  const avg = total / 2
+  const diff = avg - ratio
+  const scale = total / ratio
+  const finalDiff = avg + avg / diffRatio
+
+  // if (key < 0) return base * Math.pow(avg, key)
+  return base * Math.pow(ratio, key)
+}
+
 export const generateSequence = (sequenceProps) => {
   const { type, base, ratio, range, subSequence } = sequenceProps
   const n = Math.abs(range[0]) + Math.abs(range[1])
@@ -90,8 +104,8 @@ export const generateSequence = (sequenceProps) => {
   for (let i = 0; i <= n; i++) {
     const key = range[1] - i
     const letterKey = numToLetterMap[key]
-    const value = base * Math.pow(ratio, key)
-    const scaling = ~~(value / base * 1000) / 1000
+    const value = switchSequenceOnNegative(key, base, ratio)
+    const scaling = ~~(value / base * 100) / 100
     const variable = prefix + letterKey
 
     const props = {