Bedingungen machen jeder Art von Programmiersprache erst sinnvoll. Ohne Bedingungen mach programmieren keinen Spaß/Sinn. Trotzdem mag es auf den ersten Blick etwas verwirrend sein wofür man Bedingungen in einem Stylesheet braucht. Es stimmt schon dass man Bedingungen bei Sass weniger häufig braucht als in anderen Programmiersprachen, aber ganz darauf können wir eben auch nicht verzichten.
WeiterlesenPosts tagged SASS
Sass – Mixins
Mixins sind Funktionen die Code ausgeben können anstatt von einem Resultat. Mixins helfen dabei nicht immer wieder den selben CSS-Code schreiben zu müssen. @mixin resize { width: 80%; } .container { @include center; } Wenn keine Parameter übergeben werden, braucht man bei einem Mixin nach dem Namen auch keine () angeben. Parameter im Kontext von […]
WeiterlesenSass – Funktionen
Vereinfach ausgedrückt stellt Sass Funktionen bereit um CSS zu schreiben. .foo { color: darken(#BADA55, 4.2%); } In Sass beginnen Funktionen mit @function dem Funktionsnamen und dann {}. Mit @return wird der Rückgabewert ausgegeben . Funktionen ohne Rückgabewert führen zu einem Fehler. @function get-base-url(){ @return ‘/assets/’; } .module{ background-image: url(get-base-url() +’hintergrund.png’); } Parameter Funktionen machen vor […]
WeiterlesenSASS – Grundlagen
Variablen Mit Variablen lassen sich Farben, font Listen, maps of breakpoints und Pfade speichern. Variablen beginnen immer mit mit einem $ Zeichen. $meine-variable: 42px; .foo { width: $meine-variable; } Variablen können wie in anderen Programmiersprachen auch verschiedene Datentypen zugewiesen werden: string, number, list, map, bool, null. Mit der Funktion type-off(..) kann man den Typ einer […]
Weiterlesen