💄 Improves styles for the docs pages

This commit is contained in:
Alicia Sykes 2021-08-02 20:05:42 +01:00
parent 9c17930d45
commit ae38e88056
2 changed files with 47 additions and 1 deletions

View File

@ -24,6 +24,7 @@ html { /* Light Theme */
--text-color: var(--black);
--hero-background: var(--bright-white);
--kinda-transparent: #ffffffd9;
--hyperlink: #ff62ce;
--feature-img-shadow: 4px 4px 6px #a9a9a980, -2px -2px 4px rgb(0 0 0 / 40%);
}
@ -33,5 +34,6 @@ html[data-theme='dark'] { /* Dark Theme */
--text-color: var(--white);
--hero-background: var(--black);
--kinda-transparent: #000000d9;
--hyperlink: #ff62ce;
--feature-img-shadow: 4px 4px 6px #00000080, -2px -2px 4px rgb(0 0 0 / 40%);
}

View File

@ -42,4 +42,48 @@ nav.navbar {
body {
background: var(--background);
}
}
p a, li a {
color: var(--hyperlink);
&:hover {
color: var(--hyperlink);
text-decoration: underline;
}
}
article div.markdown {
p, a, ol, ul, li, code span {
font-size: 1rem;
}
h2 {
font-size: 2.5rem;
}
}
/* Right-hand contents side-bar */
ul.table-of-contents li {
a {
font-size: 1rem;
&:hover {
color: var(--hyperlink);
}
&.table-of-contents__link--active {
color: var(--hyperlink);
font-weight: bold;
}
}
}
/* Left-hand page list side-bar */
ul.menu__list {
margin-bottom: 1rem;
li.menu__list-item {
a {
&.active {
color: var(--hyperlink);
font-weight: bold;
}
}
}
}