This meteor package compiles your .less
files into CSS, adds vendor prefixes to CSS rules and includes the results in the client CSS bundle.
Story I was not able to compile Semantic UI with the package
lauricio:less-autoprefixer
so I decided to start from fresh.
meteor add flemay:less-autoprefixer
You can pass custom options to autoprefixer
by setting AUTOPREFIXER_OPTIONS
environment variable: export AUTOPREFIXER_OPTIONS='{ "browsers": ["Chrome 36", "iOS 7"]}'
To unset environment variable run: unset AUTOPREFIXER_OPTIONS
If no AUTOPREFIXER_OPTIONS
environment variable is found it fallbacks to autoprefixer
default options: ["> 1%", "last 2 versions", "Firefox ESR", "Opera 12.1"]
For more info on autoprefixer
options please check https://github.com/ai/browserslist#queries
This package uses the following npm modules:
$ meteor create test-less-autoprefixer
$ mkdir test-less-autoprefixer/packages
$ cd test-less-autoprefixer/packages
$ git clone https://github.com/flemay/less-autoprefixer.git
$ meteor test-packages flemay:less-autoprefixer
This package is based on the less package from Meteor. However it does not cut down less npm module and it uses the function less.render
instead of the combination of less.Parser
and toCSS
as suggested by less usage documentation.
It is also based on lauricio:less-autoprefixer. I wasn't able to use it to compile semantic-ui and after debugging and debugging I decided to start from fresh and created this package.
- test uses my package to test
- same structure as less package
- Use of Fiber/Future
- Exception handling