Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Heroku buildpack which compiles scss & less files, minifies css and serves files using static nginx.
Shell
branch: master
Failed to load latest commit information.
bin adds merge notice
vendor mv conf vendor
.gitignore init
README.md adds merge notice

README.md

Heroku buildpack: Static-CSS

This is a Heroku buildpack which compiles less files, minifies css and serves css files using static server.

Usage

Example usage:

$ ls -R *
_static_css.cfg            SassySCC.scss              source.less                main.css                   lib.min.css
...

$ heroku create --stack cedar --buildpack https://github.com/abhishekmunie/heroku-buildpack-static-css.git
...

$ git push heroku master
...
-----> Heroku receiving push
-----> Fetching custom buildpack... cloning with git...done
-----> Static-CSS app detected
-----> Resolving engine versions
...
-----> Fetching Node.js binaries
-----> Vendoring node into slug
-----> Installing dependencies with npm
       less@1.3.0 ./node_modules/less
       less@1.3.0 /tmp/node.XHMNKL/node_modules/less
       Dependencies installed
-----> Building runtime environment
-----> Installing SASS...
       Successfully installed sass-3.2.1
       1 gem installed
       Installing ri documentation for sass-3.2.1...
       Installing RDoc documentation for sass-3.2.1...
       done.
-----> Compiling SCSS...
       done.
-----> Compiling LESS files...
       -----> compiling source.less...done
       ...
       done.
-----> Fetching YUI Compressor 2.4.7...done
-----> Compressing CSS files...
       -----> compressing source.css...done
       -----> compressing main.css...done
       ...
       done.
       ...
...

The buildpack will detect your app as Static CSS if it has the file _static_css.cfg in the root. At present _static_css.cfg doesn't support any configuration. .less and .scss files will be removed after compilation. You can set custom static config as described for heroku-buildpack-static.

Hacking

To modify this buildpack, fork it on Github. Push up changes to your fork, then create a test app with --buildpack <your-github-url> and push to it.

This buildpack first runs ./plugins/compile if exists to compile plugins, if needed. Now it uses LESS node.js command-line binary to compile filename.less to filename.scss followed by SASS Ruby gem to compile .scss & .sass files. It simply runs lessc "filename.less" > "filename.css" and sass --update $BUILD_DIR:$BUILD_DIR on all .less files. */plugins/* will be excluded. If the app has config.rb in root, it will be compiled using Compass inplace of standard scss compilation. It then uses YUI Compressor to minify filename.css and create filename.min.css. It also creates a copy of filename.min.css file with first 8 characters of its sha1 (filename.<sha1:0:8>.css). It simply runs java -jar yuicompressor-2.4.7.jar --type css -o "filename.min.css" "filename.css" on all .css files except those ending in .min.css.

Something went wrong with that request. Please try again.