Created
November 5, 2014 19:21
-
-
Save tolja/ae2acc995e948adfebe8 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ---- | |
// Sass (v3.4.7) | |
// Compass (v1.0.1) | |
// ---- | |
// @mixin Übung | |
// Aufgabe 1 | |
// Erstelle mit den genannten Attributen | |
// ein mixin und weise es dann den | |
// Selektoren .example und .sidebar zu | |
background: #fff; | |
border: 1px solid #ccc; | |
padding: 10px; | |
.example { | |
} | |
.sidebar { | |
} | |
// Aufgabe 2 | |
// Erweitere das Mixin um die Variable $bg, | |
// die die Hintergrundfarbe verändert. | |
// Diese soll als Argument übergeben werden. | |
// Das Attribut "background" soll bei | |
// .example den Wert #fff und bei | |
// .sidebar den Wert #797979 erhalten. | |
// Aufgabe 3 | |
// Lege den Wert #fff als Default Wert für | |
// die Hintergrundfarbe an und schreibe | |
// Mixins um, die den Default Wert als | |
// Argument besitzen | |
// Aufgabe 4 | |
// Erweitere das Mixin um eine zweite | |
// Variable namens $padding, die einen | |
// Default Wert von 10px haben soll. | |
// Der Selektor ".example" soll den | |
// Default Wert bekommen, der Selektor | |
// ".sidebar" soll dagegen ein Padding von | |
// 20px haben. | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Invalid CSS after "background: #fff": expected "{", was ";" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment