That looks pretty good, I think!

Perhaps we'll do something mroe comprehensive / drastic in the future, 
but fo  now this looks ok :-)
This commit is contained in:
Starbeamrainbowlabs 2018-12-13 13:26:40 +00:00
parent 424a54cbe6
commit b0dc731807
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
1 changed files with 37 additions and 3 deletions

View File

@ -1,3 +1,8 @@
:root {
--primary-colour: #ff1b1b;
--primary-colour-soft: hsla(0, 93%, 68%, 0.58);
}
.body {
--background-colour-a: hsla(3, 100%, 70%, 0.3);
--background-colour-b: hsla(3, 100%, 80%, 0.3);
@ -21,15 +26,40 @@
text-align: center;
}
.-menu-visible .menu-toggle {
/* Blockquote */
.markdown-body blockquote {
border-left: 0.25em solid var(--primary-colour-soft);
}
/* Bottom menu thingy */
.-menu-visible .menu-toggle, .menu-toggle {
background: linear-gradient(to bottom, transparent, white);
}
.toc-menu .link.-active, .toc-menu .hlink.-active {
border-radius: 0.12em;
box-shadow: inset -0.25em 0 #ff1b1b;
box-shadow: inset -0.25em 0 var(--primary-colour);
}
/* Headings */
.markdown-body h1 {
padding-bottom: 0.25em;
border-bottom: 0.1em solid var(--primary-colour);
}
.markdown-body h2 {
padding-bottom: 0.1em;
border-bottom: 0.08em solid var(--primary-colour);
}
/* Code Blocks */
.markdown-body pre {
border: 0.1em dashed var(--primary-colour-soft);
background: hsla(0, 100%, 100%, 0.5);
}
.markdown-body > :not(pre) code {
background: hsla(0, 100%, 100%, 0.7);
}
/* Page Footer */
.footer-nav {
border: 0;
background: linear-gradient(to bottom, transparent, white);
@ -38,3 +68,7 @@
border: 0;
background: none;
}
.footer-nav.-expanded::before {
transition: all 0.25s;
background: var(--primary-colour-soft);
}