style.css (849B)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
@import 'font.css';
@import 'buttons.css';
@import 'header.css';
@import 'menu.css';
@import 'main.css';
@import 'post.css';
@import 'pagination.css';
@import 'footer.css';
@import 'terms.css';
@import 'code.css';
@import 'highlight.css';
@import 'tabbedContainer.css';
@import 'video.css';
:root {
--accent: #EE72F1;
--bg-base: #1D1E28;
--color: seashell;
--border-color: rgba(255, 255, 255, .1);
--weak-accent: color-mix(in srgb, var(--accent), transparent 30%);
--trans-accent: color-mix(in srgb, var(--accent), transparent 90%);
--bg-color: color-mix(in srgb, var(--accent) 2%, var(--bg-base));
--greyed-out: color-mix(in srgb, var(--color) 50%, transparent);
--phone-width: "max-width: 684px";
--tablet-width: "max-width: 900px";
color: var(--color);
background-color: var(--bg-color);
}
|