learn-sass/exercises/mixin_content/problem.it.md

Learn SASS and SCSS through a workshopper adventure.

# CONTENUTO DEI MIXIN

Passare un blocco di contenuti ad un mixin

È possibile passare un blocco di stili al mixin perché venga posizionato all'interno degli stili inclusi dal mixin. Gli stili appariranno nella posizione di ciascuna direttiva `@content` trovata all'interno del mixin. Ciò rende possibile definire astrazioni relative alla costruzione di selettori e direttive.

Ad esempio:

```scss
$color: white;

@mixin colors($new-color: blue) {
  background-color: $new-color;
  @content;
  border-color: $new-color;
}

.colors {
  @include colors { 
    color: $color; 
  }
}
```

Genera:

```css
.colors {
  background-color: blue;
  color: white;
  border-color: blue;
}
```

Nota: quando la direttiva `@content` viene specificata più di una volta o all'interno di un ciclo, il blocco di stili sarà ripetuto a ciascuna invocazione.

# ESERCIZIO

Modifica il mixin `border-thickness` dell'esercizio precedente perché accetti un blocco `@content`, e invocalo passandogli una regola che imposta lo stile `border-style` dell'elemento `img` a `solid`.