mirror of
https://github.com/sbrl/Pepperminty-Wiki.git
synced 2024-11-25 17:23:00 +00:00
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:
parent
424a54cbe6
commit
b0dc731807
1 changed files with 37 additions and 3 deletions
|
@ -1,3 +1,8 @@
|
||||||
|
:root {
|
||||||
|
--primary-colour: #ff1b1b;
|
||||||
|
--primary-colour-soft: hsla(0, 93%, 68%, 0.58);
|
||||||
|
}
|
||||||
|
|
||||||
.body {
|
.body {
|
||||||
--background-colour-a: hsla(3, 100%, 70%, 0.3);
|
--background-colour-a: hsla(3, 100%, 70%, 0.3);
|
||||||
--background-colour-b: hsla(3, 100%, 80%, 0.3);
|
--background-colour-b: hsla(3, 100%, 80%, 0.3);
|
||||||
|
@ -21,15 +26,40 @@
|
||||||
text-align: center;
|
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);
|
background: linear-gradient(to bottom, transparent, white);
|
||||||
}
|
}
|
||||||
|
|
||||||
.toc-menu .link.-active, .toc-menu .hlink.-active {
|
.toc-menu .link.-active, .toc-menu .hlink.-active {
|
||||||
border-radius: 0.12em;
|
box-shadow: inset -0.25em 0 var(--primary-colour);
|
||||||
box-shadow: inset -0.25em 0 #ff1b1b;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 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 {
|
.footer-nav {
|
||||||
border: 0;
|
border: 0;
|
||||||
background: linear-gradient(to bottom, transparent, white);
|
background: linear-gradient(to bottom, transparent, white);
|
||||||
|
@ -38,3 +68,7 @@
|
||||||
border: 0;
|
border: 0;
|
||||||
background: none;
|
background: none;
|
||||||
}
|
}
|
||||||
|
.footer-nav.-expanded::before {
|
||||||
|
transition: all 0.25s;
|
||||||
|
background: var(--primary-colour-soft);
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue