Sizing and Spacing

Spacing and sizing tokens are used to provide consistent spacing and sizing in your app. All sizing and spacing properties are defined in rem.

REM Yksikkö

rem on suhteellinen pituusyksikkö. Se on suhteellinen juurielementin fonttikokoon.

Koko

Käytä näitä ominaisuuksia säätääksesi komponentin kokoa (leveys, korkeus). m on vakio koko lähes kaikille komponenteille.

Koon valinta

Kun valitset kokoa, varmista aina, että se on tarpeeksi suuri kosketuskohteita varten.

.element {
  width: var(--dwc-size-m);
  height: var(--dwc-size-m);
}

Käytä näitä ominaisuuksia säätääksesi komponenttien väliä (marginaali, täyttö).

.element {
  padding: var(--dwc-space-m);
}