Start using react-zen.
This commit is contained in:
48
src/styles/global.css
Normal file
48
src/styles/global.css
Normal file
@@ -0,0 +1,48 @@
|
||||
html,
|
||||
body {
|
||||
font-family: var(--font-family), sans-serif;
|
||||
color: var(--font-color);
|
||||
font-size: var(--font-size);
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
|
||||
a,
|
||||
a:active,
|
||||
a:hover {
|
||||
color: var(--font-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
shape-rendering: geometricPrecision;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 15px;
|
||||
background: var(--background-color);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border: 7px solid rgba(0, 0, 0, 0);
|
||||
background-color: var(--border-color);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar-track,
|
||||
main::-webkit-scrollbar-track {
|
||||
background-color: var(--border-color);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border: 7px solid rgba(0, 0, 0, 0);
|
||||
background-color: var(--font-color);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
border: 4px solid rgba(0, 0, 0, 0);
|
||||
background-color: var(--font-color);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
Reference in New Issue
Block a user