Zaoblení

Zaoblení rohů prvků používáme k vytvoření estetičtějšího a jemnějšího vzhledu. U obrazovek s velkým množstvím obdélníkových prvků navíc zaoblení rohů zajišťuje lepší čitelnost a jejich vzájemné vizuální oddělení.

Proměnná	Velikost
--radius-subtle	4 px
--radius	6 px
--radius-strong	12 px
--radius-circle	10000 px

Použití

.foo {
  border-radius: var(--radius)
}