mirror of
https://github.com/Lissy93/dashy.git
synced 2025-04-08 17:06:18 +02:00
💄 Improves styles for the docs pages
This commit is contained in:
parent
9c17930d45
commit
ae38e88056
@ -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%);
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user