refactor: separate CSS variables into file
This commit is contained in:
@@ -1,29 +1,13 @@
|
||||
// CSS Variables
|
||||
:root {
|
||||
// Sizes
|
||||
--container-width: #{$container-width};
|
||||
|
||||
// Offsets
|
||||
--switcher-offset: 16px;
|
||||
|
||||
// Animation
|
||||
--ease-quart: cubic-bezier(.165, .84, .44, 1);
|
||||
--ease-cubic: cubic-bezier(.785, .135, .15, .86);
|
||||
--ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
|
||||
}
|
||||
@include bp (sm) {
|
||||
:root {
|
||||
// Offsets
|
||||
--switcher-offset: clamp(20px, 3vw, 40px);
|
||||
}
|
||||
}
|
||||
|
||||
html {
|
||||
font: #{$base-font-size}/1.2 $font-sans;
|
||||
font-weight: 400;
|
||||
color: #fff;
|
||||
min-width: 320px;
|
||||
word-break: normal;
|
||||
|
||||
&.block-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
body {
|
||||
@include font-smooth;
|
||||
@@ -33,9 +17,6 @@ body {
|
||||
overflow-x: hidden;
|
||||
overscroll-behavior: none;
|
||||
|
||||
&.block-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
&.is-loading * {
|
||||
cursor: wait !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user