mirror of
https://github.com/bitcoinresearchkit/brk.git
synced 2026-04-24 14:49:58 -07:00
website: big snapshot + cleanup
This commit is contained in:
64
website/styles/variables.css
Normal file
64
website/styles/variables.css
Normal file
@@ -0,0 +1,64 @@
|
||||
:root {
|
||||
color-scheme: light dark;
|
||||
|
||||
--white: oklch(99% 0.01 44);
|
||||
--light-gray: oklch(90% 0.01 44);
|
||||
--gray: oklch(60% 0.01 44);
|
||||
--dark-gray: oklch(30% 0.01 44);
|
||||
--black: oklch(15% 0.005 44);
|
||||
--red: oklch(0.607 0.241 26.328);
|
||||
--orange: oklch(67.64% 0.191 44.41);
|
||||
--amber: oklch(0.7175 0.1835 64.199);
|
||||
--yellow: oklch(0.738 0.173 80.9405);
|
||||
--avocado: oklch(0.72 0.19 110);
|
||||
--lime: oklch(0.708 0.2165 131.267);
|
||||
--green: oklch(0.675 0.2065 149.3965);
|
||||
--emerald: oklch(0.646 0.1575 162.8525);
|
||||
--teal: oklch(0.652 0.129 183.6035);
|
||||
--cyan: oklch(0.662 0.1345 218.472);
|
||||
--sky: oklch(0.6365 0.1635 239.6445);
|
||||
--blue: oklch(0.5845 0.2295 261.348);
|
||||
--indigo: oklch(0.548 0.2475 277.0415);
|
||||
--violet: oklch(0.5735 0.2655 292.863);
|
||||
--purple: oklch(0.5925 0.2765 303.1105);
|
||||
--fuchsia: oklch(0.629 0.294 322.523);
|
||||
--pink: oklch(0.624 0.245 357.444);
|
||||
--rose: oklch(0.6155 0.2495 17.012);
|
||||
--background-color: light-dark(var(--white), var(--black));
|
||||
--color: light-dark(var(--black), var(--white));
|
||||
--off-color: var(--gray);
|
||||
--border-color: light-dark(var(--light-gray), var(--dark-gray));
|
||||
|
||||
--font-size-2xs: 0.625rem;
|
||||
--line-height-2xs: 1rem;
|
||||
--font-size-xs: 0.75rem;
|
||||
--line-height-xs: calc(1 / 0.75);
|
||||
--font-size-sm: 0.875rem;
|
||||
--line-height-sm: calc(1.25 / 0.875);
|
||||
--font-size-base: 1rem;
|
||||
--line-height-base: calc(1.5 / 1);
|
||||
--font-size-lg: 1.125rem;
|
||||
--line-height-lg: calc(1.75 / 1.125);
|
||||
--font-size-xl: 1.25rem;
|
||||
--line-height-xl: calc(1.75 / 1.25);
|
||||
--font-size-2xl: 1.5rem;
|
||||
--line-height-2xl: calc(2 / 1.5);
|
||||
--font-size-3xl: 1.75rem;
|
||||
--line-height-3xl: calc(2.25 / 1.75);
|
||||
|
||||
--main-padding: 2rem;
|
||||
|
||||
@media (min-width: 768px) {
|
||||
--main-padding: 2rem;
|
||||
}
|
||||
|
||||
--negative-main-padding: calc(-1 * var(--main-padding));
|
||||
--font-weight-base: 400;
|
||||
--transform-scale-active: scaleY(0.9);
|
||||
--default-main-width: 25rem;
|
||||
--bottom-area: 69vh;
|
||||
}
|
||||
|
||||
[data-resize] {
|
||||
user-select: none;
|
||||
}
|
||||
Reference in New Issue
Block a user