governance-ecologies/govarch-website
1
0
Fork 0
mirror of https://github.com/metagov/govarch-website.git synced 2025-06-18 17:14:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve styling

Browse Source
This commit is contained in:
Pat Dryburgh
2018-10-24 18:30:30 -07:00
parent a2cf0cef48
commit 50ddb76068
4 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
_sass/_article.scss
View File

@ -23,10 +23,16 @@
text-indent: 0; text-indent: 0;
} }
.post dl,
.post ul,
.post ol {
margin: 1.5em;
}
.post li { .post li {
margin-left: 1.5rem; margin-left: 1.5rem;
margin-right: 1.5rem; margin-right: 1.5rem;
} }
.post-content:first-child { .post-content:first-child {
margin-top: 4em; margin-top: 4em;

6
_sass/_base.scss
View File

@ -55,6 +55,10 @@ a {
color: $text-color; color: $text-color;
} }
a:hover {
background: $highlight;
}
a:focus { a:focus {
outline: 1px dashed $text-color; outline: 1px dashed $text-color;
} }
@ -154,7 +158,7 @@ figcaption {
transition: all .125s ease-in-out; transition: all .125s ease-in-out;
&:hover, &:hover,
&:focus { &:focus {
background: darken($brand-color, 2.5%); background: lighten($brand-color, 2.5%);
border-color: $text-color; border-color: $text-color;
margin-top: 0; margin-top: 0;
} }

4
_sass/_syntax-highlighting.scss
View File

@ -3,7 +3,7 @@
*/ */
code.highlighter-rouge { code.highlighter-rouge {
background: #eef; background: $highlight;
font-family: courier, monospace; font-family: courier, monospace;
font-size: .875em; font-size: .875em;
} }
@ -19,7 +19,7 @@ code.highlighter-rouge {
} }
.highlighter-rouge & { .highlighter-rouge & {
background: #eef; background: $highlight;
} }
.c { color: #998; font-style: italic } // Comment .c { color: #998; font-style: italic } // Comment

1
_sass/_variables.scss
View File

@ -1,4 +1,5 @@
$brand-color: #f2e300; $brand-color: #f2e300;
$highlight: lighten($brand-color, 35%);
$text-color: #0b0404; $text-color: #0b0404;
$muted-text-color: #79785b; $muted-text-color: #79785b;
$font-family: "EB Garamond", Garamond, "Times New Roman", serif; $font-family: "EB Garamond", Garamond, "Times New Roman", serif;