1.0.1 • Published 5 years ago

insideout-css v1.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

#insideout-css

Declarative tools for generating CSS.

##About

This tool allows developers to configure CSS by attributes, specifying an array of selectors to receive them.

###Example Input

const config = {
  "font-family": {
    "'Montserrat', helvetica, sans-serif": [
        'html',
        'h3 a',
        'div.class'
      ],
    ,
    "'Inconsolata', monospace": [
        'pre'
      ],
    ,
  },
  "font-weight": {
    300: [
        'h3 a',
    ],
    100: [
        'html',
        'div.class'
    ]
  }
};

###Example Output

html: {
  font-family: 'Montserrat', helvetica, sans-serif;
  font-weight: 100;
}

h3 a: {
  font-family: 'Montserrat', helvetica, sans-serif;
  font-weight: 300;
}

div.class: {
  font-family: 'Montserrat', helvetica, sans-serif;
  font-weight: 100;
}

pre {
  font-family: 'Inconsolata', monospace;
}