add nsfw warning dialog

This commit is contained in:
Rhiannon Morris 2020-10-06 22:07:39 +02:00
parent d671a4c01e
commit c807895244
12 changed files with 346 additions and 102 deletions

View file

@ -17,6 +17,13 @@
--focus-box: 0 0 20px hsl(55deg, 60%, 90%, 80%);
--focus-text: hsl(334deg, 87%, 90%);
--shadow-col: hsl(42deg, 82%, 90%, 75%);
--border-col: var(--text-col);
--border: 3px solid var(--border-col);
--border-radius: 1.5em;
--shadow: 0 0 3em var(--shadow-col);
--background: hsla(0, 0%, 0%, 60%);
font-family: Muller;
font-size: x-large;
font-weight: 600;
@ -35,18 +42,15 @@ h1 { font-size: 300%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
body {
--shadow: hsl(42deg, 82%, 90%, 75%);
--border-col: var(--text-col);
background: hsla(0, 0%, 0%, 60%);
border: 3px solid var(--border-col);
box-shadow: 0 0 3em var(--shadow);
.page {
background: var(--background);
border: var(--border);
box-shadow: var(--shadow);
position: relative;
padding: 2em 4em;
margin: 3em auto 3.5em;
border-radius: 1.5em;
border-radius: var(--border-radius);
color: var(--text-col);
--text-shadow: 2px 2px 3px hsl(0, 0%, 0%, 75%);
@ -207,7 +211,7 @@ dd + dt {
}
body {
--shadow: hsl(42deg, 82%, 90%, 20%);
--shadow-col: hsl(42deg, 82%, 90%, 20%);
--border-col: black;
}