SASS-Techniken für Fortgeschrittene 08.04.2019, 08:05 Uhr

Mehr Effizienz

Fortgeschrittene SASS-Konstrukte steigern die Effizienz beim Webdesign.
SASS erzeugt CSS-Dateien über einen Transpiler, der dem Entwickler Tipparbeit spart und Redundanzen eliminiert. Wer sich tiefer mit der Syntax auseinandersetzt, kann ganze Blöcke on-the-fly generieren. Zur Erinnerung: Am Ende des Artikels in der Ausgabe 4/2019 der web & mobile DEVELOPER hatten wir ein Programm realisiert, das die Darstellung der h-Elemente von h1 bis h4 beeinflusste. Für jedes Tag war eine eigene Regel erforderlich, die die Zuweisung der Attribute für uns bewerkstelligte:
 

h1{

...

}

h2{

...

}

h3{

   @include tams_ci_1($myfont: 'sans-serif');

}

h4{

   color: $second-color;

}

 

web & mobile DEVELOPER

Sie wollen zukünftig auch von den Vorteilen eines plus-Abos profitieren? Werden Sie jetzt web&mobile Developer plus Kunde.
  • 2 Monate Gratis testen
  • Über 4.000 qualifizierte Fachartikel
  • Diverse DevBooks thematisch für Sie zusammen gestellt
  • Webcasts von 30 - 90 Min.
  • Aufzeichnungen von ausgewählten Fortbildungen und Konferenzen
  • Auf jedem Gerät verfügbar