GithubHelp home page GithubHelp logo

boot-sassc's Introduction

boot-sassc

Boot task to compile SCSS stylesheets with the sassc compiler.r

Notes:

  • You must install the sassc compiler to use this library!
  • The sassc executable only compiles SCSS syntax, not the indent-style Sass syntax!

Provides the sass task, which compiles SCSS to CSS.

Usage

Typically, you will have many SCSS files in your project, and one main SCSS file that @imports things in the correct order. Add your Sass source directory to your project's build.boot file:

;; in build.boot
(set-env!
  :dependencies '[...]
  :src-paths #{"sass/"})

Terminal

In a terminal you can compile all .sass and .scss files in your project with:

boot sass

To compile your main SCSS file only (so that @imports happen in the right order), use the -f flag:

boot sass -f sass/main.scss

To change the filename of the output stylesheet is output to, use the -o flag:

boot sass -o application.css

To regenerate the stylesheet on changes you can use boot's generic watch task:

boot watch sass

build.boot file in your project

In your build.boot you could call it like this:

(deftask run
  "Generate CSS from SCSS and watch for future changes"
  []
  (comp (watch) (sass)))

For examples of advanced settings in build.boot, refer to the example project.

Options

See the boot project for more information on how to use these. By default boot-sassc will save the compiled CSS file at target/main.css.

[f sass-file           str  "Input file. If not present, all .sass & .scss files will be compiled."
 o output-to PATH      str  "Output CSS file, path is relative to target/"
 t output-style TYPE   str  "Output style. Can be: nested, compressed."
 l line-numbers        bool "Emit comments showing original line numbers."
 g source-maps         bool "Emit source map."]

License

Copyright Matt Gauger 2014.

Distributed under the Eclipse Public License either version 1.0 or (at your option) any later version.

boot-sassc's People

Contributors

mathias avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.