2018-08-29 11:11:58 +00:00
|
|
|
$decor-radius-000: 0;
|
|
|
|
$decor-radius-100: 2px;
|
|
|
|
$decor-radius-200: 4px;
|
|
|
|
$decor-radius-300: 7px;
|
|
|
|
$decor-radius-full: 100%;
|
|
|
|
$decor-border-000: none;
|
|
|
|
$decor-border-100: 1px solid;
|
|
|
|
$decor-border-200: 2px solid;
|
|
|
|
$decor-border-300: 3px solid;
|
2020-02-21 15:17:18 +00:00
|
|
|
$decor-elevation-100: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
|
|
$decor-elevation-200: 0 5px 1px -2px rgba($black, 0.12);
|
|
|
|
$decor-elevation-400: 0 6px 8px -2px rgba($black, 0.05), 0 8px 4px -4px rgba($black, 0.1);
|
|
|
|
$decor-elevation-600: 0 12px 5px -7px rgba($black, 0.08), 0 11px 10px -3px rgba($black, 0.1);
|
|
|
|
$decor-elevation-800: 0 16px 6px -10px rgba($black, 0.06), 0 16px 16px -4px rgba($black, 0.2);
|