Styleguide

Marginaler och padding

Du kan ta bort marginaler, det vill säga margin, och padding som är inbyggda i komponenten genom att använda hjälpklasser.

Komponterna i styleguiden innehåller marginaler och padding, alltså mellanrum som ligger runt eller i komponenten. Ibland kan detta göra att en layout inte blir riktigt som du har tänkt dig. Du kan då justera det genom att använda hjälpklasser.

Ta bort marginaler

Hjälpklasser för att ta bort marginaler, det vill säga margin

Klassnamn

Beskrivning

mt-0

margin top 0

mr-0

margin right 0

mb-0

margin bottom 0

ml-0

margin left 0

m-0

margin 0

Exempel

Ta bort padding

Hjälpklasser för att ta bort padding

Klassnamn

Beskrivning

pt-0

padding top 0

pr-0

padding right 0

pb-0

padding bottom 0

pl-0

padding left 0

p-0

padding 0

Hjälpklasserna i webbkomponenter

HTML 
<jv-dynamisk-input label="Kommentar" extra-class="mb-0">
  <textarea id="textarea_medium" name="Kommentar" rows="3" wrap="soft"></textarea>
</jv-dynamisk-input

Senast publicerad

Sidansvarig för sidan är Styleguide