BETA

Border Width

Customize the width of the border of a squircle.

Variables

VariableType
--squircle-border-width
number | px

Other values like rem, em, vh, vw, etc. are not supported.

Usage

You can customize the width of the border of a squircle by using the --squircle-border-width variable.

.squircle {
  --squircle-border-width: 2px;
}

The value can be in px or a simple number:

.squircle {
  --squircle-border-width: 2;
}

By Skyleen. The source code is available on GitHub.

On this page