siimee/src/sss/index.js

import '@/sss/partials/_helpers.sss'
import '@/sss/partials/_typography.sss'
import '@/sss/partials/_reset.sss'

import layoutVars from '@/sss/variables.sss'
import themeVars from '@/sss/theme.sss'

const splitVars = varsFromSSS => {
    return varsFromSSS.split('\n').map(line => line.split(':')).reduce((vars, pair) => {
        if(pair[0][0] !== '$') return vars
        const varname = pair[0].replace('$', '')
        vars[varname] = pair[1].replace(' ', '')
        vars[varname] = vars[varname].replace(/[\n\r]/g, '')
        return vars
    }, {})
}

const size = splitVars(layoutVars)
const theme = splitVars(themeVars)

export { size, theme }