Other type of variables, for example default border-radius or breakpoints.
Override variables
These are the default typographic style, which you can override them to match your own design system. See Usage for more information on how to override variables.
List of variables
Breakpoints
| Name | Value |
|---|
$desktop | 1280px |
$laptop | 1024px |
$tablet | 768px |
$mobile | 568px |
$mobile-sm | 350px |
Box shadow
| Name | Value |
|---|
$box-shadow | 0 0 .5rem 0 rgba($text, 0.2) |
Transition
| Name | Value |
|---|
$transition-md | 0.4s ease 0s |
$transition-lg | 0.8s ease 0s |
Border radius
| Name | Value |
|---|
$border-radius-sm | .25rem |
$border-radius-md | .5rem |
$border-radius-lg | 1rem |