fix: harden dark background — html + body + .post all set to var(--c-bg)
This commit is contained in:
@@ -39,6 +39,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -50,6 +52,14 @@
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.blog-header {
|
||||
background: var(--c-bg);
|
||||
}
|
||||
|
||||
.blog-list {
|
||||
background: var(--c-bg);
|
||||
}
|
||||
|
||||
/* ── Section label kicker ── */
|
||||
.section-label {
|
||||
display: inline-block;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
+10
@@ -39,6 +39,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -50,6 +52,14 @@
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.blog-header {
|
||||
background: var(--c-bg);
|
||||
}
|
||||
|
||||
.blog-list {
|
||||
background: var(--c-bg);
|
||||
}
|
||||
|
||||
/* ── Section label kicker ── */
|
||||
.section-label {
|
||||
display: inline-block;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -59,6 +59,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -72,6 +74,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
@@ -63,6 +63,8 @@
|
||||
|
||||
*, *::before, *::after { box-sizing: border-box; }
|
||||
|
||||
html { background: var(--c-bg); }
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -76,6 +78,7 @@
|
||||
|
||||
/* ── Post container ── */
|
||||
.post {
|
||||
background: var(--c-bg);
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
padding: 48px 24px 60px;
|
||||
|
||||
|
Before
After
|
Reference in New Issue
Block a user