1
0
Fork 0
mirror of https://github.com/sbrl/Pepperminty-Wiki.git synced 2024-11-22 16:33:00 +00:00

Start styling the new docs!

There's still loads of work to do though.
This commit is contained in:
Starbeamrainbowlabs 2018-12-13 11:34:07 +00:00
parent 8cc5948eb7
commit 315f1984b1
Signed by: sbrl
GPG key ID: 1BE5172E637709C2

View file

@ -1,12 +1,26 @@
/* Title */ .body {
.menu { --background-colour-a: hsla(3, 100%, 70%, 0.3);
background: url(https://sbrl.github.io/Pepperminty-Wiki/logo.svg) no-repeat top center/10em; --background-colour-b: hsla(3, 100%, 80%, 0.3);
margin-top: 0.5em; --background-size: 5em;
padding-top: 10em;
}
.menu > .menu-item:first-child > .submenu > .menu-item:first-child {
background: repeating-linear-gradient(-55deg,
var(--background-colour-a), var(--background-colour-a) var(--background-size),
var(--background-colour-b) var(--background-size), var(--background-colour-b) calc(var(--background-size) * 2));
}
.menu {
background-color: hsla(0, 100%, 100%, 0.5);
}
/* Title */
.toc-menu .-level-1:first-child {
background: url(https://sbrl.github.io/Pepperminty-Wiki/logo.svg) no-repeat top center/10em;
margin-top: 0;
padding-top: 10em;
font-weight: bolder; font-weight: bolder;
font-size: 1.25em; font-size: 1.25em;
text-align: center; text-align: center;
} }
.-menu-visible .menu-toggle {
background: linear-gradient(to bottom, transparent, white);
}