Kategorie: SASS
Linkfutter 762 – Sass
- Mit Sass Extract Variablen aus dem Sass-Projekt in ein JSON-File exportieren.
- Herman Style Guides – An agile approach to design systems on a budget
- Bourbon, Bitters, and Neat – Getting started with the modern Sass framework family
- Generate All Your Utility Classes with Sass Maps
Kurzer Einwurf: node Update
Gestern oder vorgestern habe ich meine Node-Version aktualisiert. In unregelmäßigen Zuständen tue ich das. Nun stellte ich eben fest, als ich ein Projekt wieder anfasste, dass mein Grunt-Prozess für Sass nicht mehr funktionierte. Ich nutze das Modul „grunt-sass“, also Libsass.
Meine kleine Internetrecherche brachte mich erst einmal dazu, „node-sass“ noch einmal global zu installieren. Das half nicht. Dann liess ich „npm install“ in meinem Projektverzeichnis laufen, sogar zweimal. Auch das brachte nichts. Am Ende landete ich zufällig in einem Ticket von node-sass und fand die Lösung:
npm rebuild node-sass
Dies einfach in der Konsole im Projektverzeichnis eingeben. Danach funktionierte bei mir wieder Sass. Mal schauen, ob die anderen Tasks auch in Mitleidenschaft gezogen worden sind.
Linkfutter 640 – Sass
- Sass 3.5 ist draussen.
- A Sassy Approach To Theming Components
- Building a responsive timeline in CSS with Sass and BEM – Insbesondere die Diskussion unterschiedlicher Benamungsvarianten, alle in Einklang mit BEM, sind lesens- und bedenkenswert.
Linkfutter 595 – Sass
- Sass Tools for Contrasting Colors
- Level up your Sass with the ampersand
- How to do SASS Grandparent Selectors
- Sass {Contrast} Functions – Unbedingt die Hinweise am Ende der Seite beachten, denn das Tool benötigt eine Funktion, die durch ein anderes Tool zur Verfügung gestellt werden muss.
Linkfutter 510 – Sass
- PostCSS: Sass’s New Play Date
- From Sass to PostCSS
- Sven Wolfermann schreibt über den Parent-Selector
- Intro to Sass | SCSS101
- A Stellar Sass Map for z-index
Linkfutter 482 – Sass
- Loops in CSS Preprocessors – ein toller, umfangreicher Überblick/Vergleich über die Syntaxen von Sass, Less und Stylus. Man bekommt auch Ideen für eigene Loops.
- Extending Sass with PostCSS
- Some things you may think about PostCSS… and you might be wrong
- PostCSS – Sass Killer or Preprocessing Pretender?
Linkfutter 468 – Sass
- Um Less-Code nach SCSS zu konvertieren kann man ein Ruby-Tool verwenden oder eine manuelle Methode nutzen. Es lohnt sich auf alle Fälle, weil es für Sass weit mehr Tools und Artikel gibt, als für Less.
- Die Seite CSSPre widmet sich Informationen rund um CSS-Präprozessoren. Es gibt eine Vergleichstabelle der Fähigkeiten von Less, Sass, Stylus und PostCSS. Interessant sind auch die unterschiedlichen Konzepte bei der Erstellung von if-Bedingungen, Mixins oder Platzhaltern. Die Seite ist nicht mehr taufrisch. Schade, dass sie mir nicht früher aufgefallen ist.