Skip to content

Commit

Permalink
Add German translation for problem.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Maroel committed Aug 15, 2017
1 parent bc09fbe commit 4605bb0
Showing 1 changed file with 45 additions and 0 deletions.
45 changes: 45 additions & 0 deletions exercises/nested_properties/problem.de.md
@@ -0,0 +1,45 @@
# NESTED PROPERTIES

In CSS gibt es einige Eigenschaften in sogenannten “namespaces;” zum Beispiel sind `font-family`, `font-size` und `font-weight` alle im `font`-Namespace. Wenn man in CSS ein Bündel von Eigenschaften im selben Namespace definieren möchte, muss man diesen jedes Mal ausschreiben. SASS bietet eine Abkürzung für diese Fälle: Man schreibt den Namespace nur einmal, dann wird dieser für jede der Untereigenschaften herangezogen (Stichwort Schachtelung). Zum Beispiel:

```scss
.funky {
font: {
family: fantasy;
size: 30em;
weight: bold;
}
}
```

wird kompiliert zu:

```css
.funky {
font-family: fantasy;
font-size: 30em;
font-weight: bold; }
```

Der Eigenschaftsnamespace selbst kann auch einen Wert bekommen. Zum Beispiel:

```scss
.funky {
font: 20px/24px fantasy {
weight: bold;
}
}
```

wird kompiliert zu:

```css
.funky {
font: 20px/24px fantasy;
font-weight: bold;
}
```

# ÜBUNG

Definiere einen Selektor `.sassy` und verwende die geschachtelten Eigenschaften, um `border-width` auf '10px' zu setzen, `border-color` auf 'red' und `border-radius` auf '5px'.

0 comments on commit 4605bb0

Please sign in to comment.