Spacing
Gutters de página: --page-gutter-x / --page-gutter-y.
Contenedor marca: .container-portfolio.
Page gutters
x
y
1
1.5
2
3
Referencia visual de paddings usados en el sistema.
Bootstrap spacing
UtilitiesPreview
.p-3
.px-4 .py-2
gap-2
item
item
<div class="p-3 mb-2" style="background: var(--bg-card); border-radius: 8px;">.p-3</div> <div class="px-4 py-2 mb-2" style="background: var(--bg-card); border-radius: 8px;">.px-4 .py-2</div> <div class="d-flex gap-2"> <span class="badge text-bg-primary">gap-2</span> <span class="badge text-bg-secondary">item</span> <span class="badge text-bg-secondary">item</span> </div>