-
systems
-
CleverCSS
- http://sandbox.pocoo.org/clevercss/
- python
-
More modern clevercss2
- imports
- backstrings (literal css)
- spritemaps
- partial mixin support
-
Sass
-
features
- nested rules
- variables
- mixins
- selector inheritance
- functions (colors, others)
- control directives (while/if/for)
- ruby
- http://sass-lang.com/
-
2 syntaxes
-
scss
- Subtopic 1
- every valid CSS3 stylesheet is a valid SCSS file with the same meaning
-
indented syntax (aka sass)
- uses indentation rather than brackets
- newlines rather than semicolons
-
Subtopic 3
- # Convert Sass to SCSS
- $ sass-convert style.sass style.scss
- # Convert SCSS to Sass
- $ sass-convert style.scss style.sass
-
lesscss
- http://lesscss.org/
- ruby
- less in tcl
-
features
- variables
- mixins
- nested rules
- operations (math, allows complex relationships)
-
pyssed
- https://github.com/slacy/pyssed
- pure python
-
Interesting Links
-
lesscss
- http://www.s-anand.net/blog/modular-css-frameworks/
- http://www.smashingmagazine.com/2010/12/06/using-the-less-css-preprocessor-for-smarter-style-sheets/
-
LessCSS has a javascript preprocessor
- <link rel="stylesheet/less" href="/stylesheets/main.less" type="text/css" />
<script src="http://lesscss.googlecode.com/files/less-1.0.30.min.js"></script>
- frameworks