Sign inSign up

antonienko/compass-watch

By antonienko

•Updated over 11 years ago

Image
2

8.6K

antonienko/compass-watch repository overview

⁠Compass "watch" docker container

It compiles sass or scss files using compass open-source CSS Authoring Framework⁠

It's intended to be left running on your development machine, so everytime something changes in your sass sources, it will compile the css to the output folder you configure in the config.rb file.

⁠How to use this image

⁠Setup

First, you need to configure your folders in a config.rb file, placed on the sass root folder. Here's an example folder structure, and its corresponding config.rb file.

Folder structure:

/src
  /compass
    /sass
    config.rb
  /app
  /public
    /css

config.rb file:

# Require any additional compass plugins here.

#Folder settings
css_dir = "../public/css"          #where the CSS will saved
sass_dir = "sass"           #where our .scss files are
images_dir = "../public/img"    #the folder with your images

# You can select your preferred output style here (can be overridden via the command line):
output_style = :expanded # After dev :compressed

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = true

# Obviously
preferred_syntax = :scss
⁠Using docker run
docker run -d -v /src:/src antonienko/compass-watch watch --poll /src/compass
⁠Using docker compose
compass:
  build: antonienko/compass-watch
  command: watch --poll /src/compass
  volumes:
    - /src:/src

Tag summary

Content type

Image

Digest

sha256:62fd01ff1…

Size

129.7 MB

Last updated

over 11 years ago

docker pull antonienko/compass-watch