Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sass

Avatar for radiantmagic radiantmagic
March 24, 2012

 Sass

CSS wie es eigentlich sein sollte

Avatar for radiantmagic

radiantmagic

March 24, 2012
Tweet

Other Decks in Design

Transcript

  1. Was ist Sass? ‣ Sass - Syntactically Awesome Stylesheets ‣

    Sass ist ein CSS Präprozessor, der Sass zu CSS ‚kompiliert‘ ‣ Folgt dem DRY Prinzip von Ruby On Rails - Don't repeat yourself ‣ Bestandteil der Rails 3 Asset Pipeline ‣ Fazit: Sass ist CSS wie es eigentlich sein sollte
  2. Präprozessor ‣ Syntax-Prüfung erkennt Schreibfehler ‣ @import - alles in

    einer Datei ‣ Optimiertes CSS (minify, gruppierte Selektoren) ‣ $ sass --watch input-dir:output-dir ‣ $ sass --style compressed input.sass output.css
  3. Andere Plattformen ‣ Typo3: Sassify ‣ Wordpress: Sass for Wordpress

    ‣ PHP: PHamlP ‣ Python: python-sass ‣ RadiantMagic: Sass- & SCSS-Filter build in
  4. Lesenswertes ‣ http://sass-lang.com ‣ http://compass-style.org/ ‣ http://thoughtbot.com/bourbon/ ‣ http://www.webkrauts.de/2011/12/04/sass-compas/ ‣

    http://www.alistapart.com/articles/getting-started-with-sass/ ‣ http://pragprog.com/book/pg_sass/pragmatic-guide-to-sass ‣ https://github.com/seaofclouds/sass-textmate-bundle ‣ https://github.com/search?q=sass&type=Repositories ‣ https://radiantmagic.com/