Skip to main content

A bundle of tools for making web development with SCSS in Python much easier

Project description

SCSS Tools

SCSS Tools is a bundle of tools for making web development with SCSS in Python much easier. It monitors your SCSS file directory for file change and recompile automatically for you. It also has Compass and Blueprint CSS framework built-in, To use SCSS Tools, you need to write a YAML configuration file. Following is an example of configuration file

example/scss.yaml:

---

monitor:
    # path to Scss directory for monitoring
    scss_dir:
        scss

compiler:
    # verbosity of message output
    verbosity: 2

    # compress
    compress: True

    # debug info
    debug_info: False

    # root of static files
    static_root:
        static

    # directory to output sprite images
    asset_root:
        static/asset

    # paths to import
    load_paths: [
        static/scss
    ]

    # path of input files and path of file to output
    scss_files: [
        [scss/style.scss, static/style.css],
        [scss/style2.scss, static/style2.css],
    ]

...

To start monitoring and compiling SCSS, just type:

scss_monitor -c scss.yaml

The path to configuration is scss.yaml, so you can also type:

scss_monitor

It has built-in Compass/Blueprint SCSS framework, therefore, you can leverage them directly

example/scss/style.scss:

@import "compass/reset";

@include blueprint-global-reset;

And you will get

example/static/style.css:

a, abbr, acronym, address, applet, article, aside, audio, b, big,
blockquote, body, canvas, caption, center, cite, code, dd, del,
details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure,
footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe,
img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output,
p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub,
summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul,
var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, td, th {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
blockquote, q {
  quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary {
  display: block;
}

Installation

To install SCSS Tools, you can type:

pip install scss_tools

If you perfer easy_install, then type:

easy_install scss_tools

Commands

scss_compile

Compile SCSS into CSS files.

scss_monitor

Monitor and compile SCSS into CSS files.

Source code

Source code is available at Bitbucket.

0.1.1

  • Fix pyscss config API change issue

0.1.0

  • Initial version

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

scss_tools-0.1.1.zip (93.1 kB view details)

Uploaded Source

File details

Details for the file scss_tools-0.1.1.zip.

File metadata

  • Download URL: scss_tools-0.1.1.zip
  • Upload date:
  • Size: 93.1 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No

File hashes

Hashes for scss_tools-0.1.1.zip
Algorithm Hash digest
SHA256 7d2178d7204affe3b3363c6800ce5d14fe4de1ffc55b41c505b3f78fe67db03d
MD5 957e1a3da36c489dff5f31bf7c7280d4
BLAKE2b-256 de97408f548366ff10402abbfe21ec11b9711a8c639075820d806209437229d4

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page