Skip to content

Custom Padding

The button has a default padding inline of 1.75ch and a default padding block of 0.75ch. You can change this value by using the --o_padding-inline and --o_padding-block custom properties.

descriptioncustom property
Padding inline --o_padding-inline
Padding block --o_padding-block
Narrow button site wide
.o-btn {
--o_padding-inline: 1ch;
--o_padding-block: 0.5ch;
Fat button modifier class
.o-btn-fat {
--o_padding-inline: 5ch;
--o_padding-block: 2ch;