tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-25 22:55:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 Improves styles for the docs pages

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/styles/Colors.scss
View File

@ -24,6 +24,7 @@ html { /* Light Theme */
--text-color: var(--black); --text-color: var(--black);
--hero-background: var(--bright-white); --hero-background: var(--bright-white);
--kinda-transparent: #ffffffd9; --kinda-transparent: #ffffffd9;
--hyperlink: #ff62ce;
--feature-img-shadow: 4px 4px 6px #a9a9a980, -2px -2px 4px rgb(0 0 0 / 40%); --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); --text-color: var(--white);
--hero-background: var(--black); --hero-background: var(--black);
--kinda-transparent: #000000d9; --kinda-transparent: #000000d9;
--hyperlink: #ff62ce;
--feature-img-shadow: 4px 4px 6px #00000080, -2px -2px 4px rgb(0 0 0 / 40%); --feature-img-shadow: 4px 4px 6px #00000080, -2px -2px 4px rgb(0 0 0 / 40%);
} }

44
src/styles/custom.scss
View File

@ -43,3 +43,47 @@ nav.navbar {
body { body {
background: var(--background); 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;
}
}
}
}