 | scss_toolsA bundle of tools for making web development with SCSS in Python much easier |
| Download | |
scss_tools Ranking & Summary
Advertisement
scss_tools Tags
scss_tools Description
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 fileexample/scss.yaml:---monitor: # path to Scss directory for monitoring scss_dir: scsscompiler: # 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: # path of input files and path of file to output scss_files: , , ]...To start monitoring and compiling SCSS, just type:scss_monitor -c scss.yamlThe path to configuration is scss.yaml, so you can also type:scss_monitorIt has built-in Compass/Blueprint SCSS framework, therefore, you can leverage them directlyexample/scss/style.scss:@import "compass/reset";@include blueprint-global-reset;And you will getexample/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;}InstallationTo install SCSS Tools, you can type:pip install scss_toolsIf you perfer easy_install, then type:easy_install scss_toolsCommandsscss_compileCompile SCSS into CSS files.scss_monitorMonitor and compile SCSS into CSS files.Source codeSource code is available at Bitbucket.Product's homepage
scss_tools Related Software