postcss-map
postcss-map copied to clipboard
PostCSS plugin enabling configuration maps
I'm trying to iterate through a map of colorschemes defined in a yaml file to achieve something like this: ``` yml # theme.yml schemes: - green: color: '#00FF00' text: '#FFFFFF'...
https://github.com/postcss/postcss/releases/tag/8.0.0
https://github.com/pascalduez/postcss-map/issues/76#issuecomment-259199933 As seen above @pascalduez gave me a work around to be able to use a JS file over JSON/YAML. I think it may be useful to be able to...
Hey, I was wondering if there was a way to use the maps like actual sass maps inside of my source files scss or sass files, or does it have...
It would be really nice to be able to do it like this (just like in JavaScript): map: ~~~ yml # example.yml foo: bar: baz: 'yeah!' ~~~ input: ~~~ css...
If a change values in mapped file changes will appear only after i restart server when using with webpack. what could be the problem?
Wondering if it's possible for usage to be supported in ES6 modules. Consider the following. ``` javascript // Colors.js const Colors = { secondaryGrey: { name: 'Secondary Grey', // design...
``` js var opts = { basePath: 'css/', maps: [ 'breakpoint.yml', 'font.yml' ] }; ``` ``` css .sowieso { font-family: font(text); } @media (min-width: breakpoint(medium)) { .sowieso { width: 100%;...
Add glob patterns support in options for map files? I'm not sure this is really needed. ``` js var opts = { basePath: 'css/', maps: [ '*.yml' ] }; ```...
``` yaml small: max-width: 30em ``` ``` css @custom-media --small (max-width: 30em); @media (--small) { ... } ```