Lumo Shapes
This page lists Lumo shapes-related CSS Custom Properties, which you can use to adjust the visual style of component shapes.
Lumo defines several border radius values.
These 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.
|
4ECB9253-C3E4-480C-B7B9-0F92D2D61465