Use rem for --rounded-corner
This commit is contained in:
@ -21,11 +21,11 @@
|
|||||||
|
|
||||||
// VARIABLES
|
// VARIABLES
|
||||||
--active: 0.9;
|
--active: 0.9;
|
||||||
--blur: saturate(180%) blur(10px);
|
--blur: saturate(180%) blur(0.75rem);
|
||||||
--container-width: 720px;
|
--container-width: 720px;
|
||||||
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||||
--rounded-corner-small: 8px;
|
--rounded-corner-small: 0.5rem;
|
||||||
--rounded-corner: 12px;
|
--rounded-corner: 0.75rem;
|
||||||
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
|
--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
|
||||||
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
|
--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
|
||||||
--transition-long: 0.8s;
|
--transition-long: 0.8s;
|
||||||
|
Reference in New Issue
Block a user