Divisori
I Divisori sono elementi grafici che permettono di separare in maniera concettuale più contenuti e di organizzare essi in gruppi.
I divisori devono essere evidenti in un layout, ma non predominanti e dovrebbero essere utilizzati solo se gli elementi necessitano di una separazione aggiuntiva o alternativa allo spazio vuoto (o bianco) che si impiega di default.
Colore HEX: D9D9D9
1px
1px con ombra
2px
2px con ombra
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="d-flex align-items-start flex-column mb-3">
<div class="p-2 w-100">
<span>1px</span>
<div class="divider-1"></div>
</div>
<div class="p-2 w-100">
<span>1px con ombra</span>
<div class="divider-1-shadow"></div>
</div>
<div class="p-2 w-100">
<span>2px</span>
<div class="divider-2"></div>
</div>
<div class="p-2 w-100">
<span>2px con ombra</span>
<div class="divider-2-shadow"></div>
</div>
</div>