UNPKG

learn-sass

Version:

Learn SASS and SCSS through a workshopper adventure.

40 lines (28 loc) 1.12 kB
# MIXIN CONTENT Inhaltsblöcke an ein Mixin weitergeben Man kann einen Block mit Styles an den CSS-Präprozessor Mixin übergeben, um etwas innerhalb der Styles zu platzieren, die durch Mixin einbezogen werden. Die Styles erscheinen dann an der Location jeder `@content`-Anweisung, die in Mixin zu finden ist. Dies ermöglicht es, Abstraktionen bezogen auf die Konstruktion von Selektoren und Anweisungen zu definieren. Zum Beispiel: ```scss $color: white; @mixin colors($new-color: blue) { background-color: $new-color; @content; border-color: $new-color; } .colors { @include colors { color: $color; } } ``` Erzeugt: ```css .colors { background-color: blue; color: white; border-color: blue; } ``` Hinweis: Wenn die `@content`-Anweisung mehr als einmal oder innerhalb einer Schleife spezifiziert ist, wird der Style-Block mit jedem Aufruf dupliziert. # ÜBUNG Ändere den `border-thickness`-Mixin aus der vorherigen Übung so, dass auch ein `@content` erlaubt ist. Aktiviere dies dadurch, dass die Vorgabe umgesetzt wird, die den `border-style` des `img`-Elements auf `solid` setzt.