governance-ecologies/govarch-website
1
0
Fork 0
mirror of https://github.com/metagov/govarch-website.git synced 2025-06-19 01:23:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

add menu

Browse Source
This commit is contained in:
Pat Dryburgh
2018-07-31 09:16:19 -07:00
parent f72eb69159
commit 649764eda4
9 changed files with 116 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/_article.scss
View File

@ -2,6 +2,7 @@ article > * {
margin-left: auto;
margin-right: auto;
max-width: 36rem;
padding: 0 $spacing-unit;
}
article > h1 {
@ -11,10 +12,6 @@ article > h1 {
text-align: center;
}
h1.post-title:after {
@include divider;
}
article p {
text-align: justify;
text-indent: 1.5em;
@ -26,6 +23,14 @@ article h2 + p {
text-indent: 0;
}
article p > img {
margin-left: -1em;
display: flex;
max-width: 100%;
height: auto;
margin: 2em auto;
}
.article-meta {
margin-bottom: 2em;
margin-top: 2em;
@ -34,6 +39,8 @@ article h2 + p {
.back-link {
display: inline-block;
font-size: .75em;
padding: $spacing-unit;
text-decoration: none;
text-transform: uppercase;
}

7
_sass/_base.scss
View File

@ -77,8 +77,12 @@ hr {
}
}
.divided:after {
@include divider;
}
.home {
max-width: 30em;
max-width: 24em;
margin: auto;
padding: ($spacing-unit * 4) $spacing-unit;
}
@ -86,6 +90,7 @@ hr {
.home h1 {
font-size: 2em;
padding: 2em 0;
margin-bottom: 0;
text-align: center;
}

33
_sass/_masthead.scss
View File

@ -1,14 +1,14 @@
.site-masthead {
background: $brand-color;
min-height: 100vh;
box-sizing: border-box;
min-height: 100vh;
padding: $spacing-unit * 2;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: $spacing-unit * 2;
}
.site-masthead h1 {
@ -26,4 +26,31 @@
@media (min-width: $on-tablet) {
font-size: 3em;
}
}
.site-navigation {
position: absolute;
bottom: .75em;
left: 2em;
right: 2em;
}
.site-navigation ul {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.site-navigation li {
list-style: none;
font-size: .875em;
font-variant: small-caps;
margin: 0;
}
.site-navigation a {
display: block;
padding: .25em .5em;
text-decoration: none;
}

2
_sass/_mixins.scss
View File

@ -3,6 +3,6 @@
display: block;
width: 152px;
height: 12px;
margin: 1em auto 0;
margin: .5em auto 0;
background-image: url('/assets/images/divider.svg');
}