mirror of
https://github.com/zombieFox/nightTab.git
synced 2024-11-30 03:54:15 +01:00
90 lines
1.8 KiB
CSS
90 lines
1.8 KiB
CSS
:root {
|
|
--black: #222222;
|
|
--white: #ffffff;
|
|
--gray-01: #262831;
|
|
--gray-02: #2f333e;
|
|
--gray-03: #393e4b;
|
|
--gray-04: #434958;
|
|
--gray-05: #4d5465;
|
|
--gray-06: #575f72;
|
|
--gray-07: #616a7f;
|
|
--gray-08: #6b758c;
|
|
--gray-09: #758099;
|
|
--gray-10: #7f8ba6;
|
|
--gray-11: #8997b4;
|
|
--gray-12: #95a2bb;
|
|
--gray-13: #a2adc3;
|
|
--gray-14: #aeb8cb;
|
|
--gray-15: #bbc3d3;
|
|
--gray-16: #c7ceda;
|
|
--gray-17: #d4d9e2;
|
|
--gray-18: #e0e4ea;
|
|
--gray-19: #edeff2;
|
|
--gray-20: #fafafa;
|
|
--root-font-size: 14px;
|
|
--radius: 2px;
|
|
--accent: 0, 255, 0;
|
|
--line-width: 3px;
|
|
--background: var(--gray-01);
|
|
--gutter: 0.5em;
|
|
--animation-speed-fast: 0.2s;
|
|
--animation-speed-medium: 0.3s;
|
|
--animation-speed-slow: 0.4s;
|
|
--font-regular: "Open Sans Regular", sans-serif;
|
|
--font-bold: "Open Sans Bold", sans-serif;
|
|
--font-light: "Open Sans Light", sans-serif;
|
|
--font-fjalla: "Fjalla One Regular", sans-serif;
|
|
/* breakpoint reference */
|
|
/* can not be used in @media as of yet */
|
|
--breakpoint-sm: 550px;
|
|
--breakpoint-md: 700px;
|
|
--breakpoint-lg: 900px;
|
|
--breakpoint-xl: 1100px;
|
|
--breakpoint-xxl: 1600px;
|
|
--z-index-link: 1000;
|
|
--z-index-header: 2000;
|
|
--z-index-tip: 3000;
|
|
--z-index-shade: 4000;
|
|
--z-index-modal: 5000;
|
|
--z-index-menu: 6000;
|
|
}
|
|
|
|
:root.is-link-block {
|
|
--link-height: 7em;
|
|
--url-height: 20%;
|
|
--edit-height: 30%;
|
|
}
|
|
|
|
:root.is-link-list {
|
|
--link-height: 4em;
|
|
--url-height: 30%;
|
|
--edit-height: 50%;
|
|
}
|
|
|
|
@media (min-width: 700px) {
|
|
:root {
|
|
--root-font-size: 16px;
|
|
}
|
|
|
|
:root.is-link-block {
|
|
--link-height: 9em;
|
|
}
|
|
}
|
|
|
|
::selection {
|
|
background-color: rgb(var(--accent));
|
|
color: var(--white);
|
|
}
|
|
|
|
html {
|
|
font-size: var(--root-font-size);
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background);
|
|
color: var(--white);
|
|
font-size: 1rem;
|
|
line-height: 1.6;
|
|
font-family: var(--font-regular);
|
|
}
|