CSS (trivial): Add supporting comments and adjust min-width
This commit is contained in:
parent
e654c0c9f1
commit
69a1d57e14
|
@ -1,6 +1,14 @@
|
||||||
/*
|
/*
|
||||||
* Mostly based on simplecss.org
|
* Mostly based on simplecss.org
|
||||||
* Also based on cssbed, forgot which theme exactly, might be bamboo or "evenbettermotherfucking"
|
* Also based on cssbed, forgot which theme exactly, might be bamboo or
|
||||||
|
* "evenbettermotherfucking"
|
||||||
|
*
|
||||||
|
* Inspirations:
|
||||||
|
* - seirdy.one
|
||||||
|
* - kevq.uk
|
||||||
|
* - smol.pub
|
||||||
|
* - drewdevault.com
|
||||||
|
* - gregoryhammond.ca
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
@ -13,19 +21,19 @@
|
||||||
--line-height: 1.618;
|
--line-height: 1.618;
|
||||||
|
|
||||||
--mono-font: Hack, Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
--mono-font: Hack, Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
|
||||||
--bg: #FFF;
|
--bg: #fff;
|
||||||
--accent-bg: #efedff;
|
--accent-bg: #f7f4fb;
|
||||||
--accent-bg-light: #f2f2f2;
|
--accent-bg-light: #f2f2f2;
|
||||||
--code-bg: #f2f2f2;
|
--code-bg: #f2f2f2;
|
||||||
--text: #161616;
|
--text: #0a0a0a;
|
||||||
--text-light: #585858;
|
--text-light: #585858;
|
||||||
--border: #D8DAE1;
|
--border: #d8dae1;
|
||||||
--accent: #3d4573;
|
--accent: #3d4573;
|
||||||
--accent-light: #3d4573;
|
--accent-light: #6971a0;
|
||||||
--code: #D81B60;
|
--code: #d81b60;
|
||||||
--preformatted: #444;
|
--preformatted: #444;
|
||||||
--marked: #FFDD33;
|
--marked: #ffdd33;
|
||||||
--disabled: #EFEFEF;
|
--disabled: #efefef;
|
||||||
|
|
||||||
--shadow-color: #fff;
|
--shadow-color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -36,12 +44,12 @@
|
||||||
--accent-bg-light: #45454b;
|
--accent-bg-light: #45454b;
|
||||||
--code-bg: #3e3e4b;
|
--code-bg: #3e3e4b;
|
||||||
--text: #eee;
|
--text: #eee;
|
||||||
--text-light: #ABABAB;
|
--text-light: #ababab;
|
||||||
--border: #555;
|
--border: #555;
|
||||||
--accent: #8be9fd;
|
--accent: #8be9fd;
|
||||||
--accent-light: #e4e9a8;
|
--accent-light: #e4e9a8;
|
||||||
--code: #F06292;
|
--code: #f06292;
|
||||||
--preformatted: #CCC;
|
--preformatted: #ccc;
|
||||||
--disabled: #111;
|
--disabled: #111;
|
||||||
|
|
||||||
--shadow-color: #36373b;
|
--shadow-color: #36373b;
|
||||||
|
@ -100,12 +108,20 @@ th {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* No thanks */
|
||||||
/* tr:nth-child(even) { */
|
/* tr:nth-child(even) { */
|
||||||
/* /1* Set every other cell slightly darker. Improves readability. *1/ */
|
/* /1* Set every other cell slightly darker. Improves readability. *1/ */
|
||||||
/* background: var(--accent-bg); */
|
/* background: var(--accent-bg); */
|
||||||
/* } */
|
/* } */
|
||||||
|
|
||||||
main {
|
main, .after-content {
|
||||||
|
/* For better reading experience.
|
||||||
|
* I don't want paragraphs to be too narrow, it looks ugly; Though I don't
|
||||||
|
* want them to be too wide, either. Reading experience is important:
|
||||||
|
* https://en.wikipedia.org/wiki/Eye_movement_in_reading */
|
||||||
|
max-width: 45rem;
|
||||||
|
|
||||||
|
margin: auto;
|
||||||
margin-bottom: 4rem;
|
margin-bottom: 4rem;
|
||||||
}
|
}
|
||||||
footer {
|
footer {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user