Shape
Use these CSS Custom Properties to adjust the visual style of component shapes.
Note
|
Only available in Lumo
This documentation applies only to the Lumo theme.
|
Border Radius
The border radius values are defined as em by default, so they scale with the font size.
Description | CSS Custom Property |
---|---|
Large | --lumo-border-radius-l: |
Medium | --lumo-border-radius-m: |
Small | --lumo-border-radius-s: |
Caution
|
The
Use the --lumo-border-radius property is deprecated--lumo-border-radius-m property as a replacement.
|
Important
|
Always use a unit for the value
If you set one of the border radius property values to zero, always use an explicit unit, for example, --lumo-border-radius-m: 0px; . If you use 0 without a unit, it causes some CSS calc() operations to be invalid.
|
A5D69CF6-80B1-4725-872F-9BD70F9F8C6D