Inserire padding e bordi alla griglia di Pure

Per aggiungere bordi e padding alla griglia si hanno due opzioni. La prima opzione è quella di annidiare un div e di applicare lo stile a quest’ultimo. Soluzione sicura ma meno pulita.

<div class="pure-u-1-2">
    <div class="l-box"> ... </div> /* Padding + bordi */
</div>

Il secondo metodo, più pulito ma più rischioso, consiste nello stilizzare direttamente i div della griglia, avvalendosi della regola box-sizing. I browser più datati come IE 7 non la supportano. Pure, dal canto suo, imposta il box-sizing al valore di default (content-box) e lascia a voi la scelta.

Vai all'archivio
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github