improve site navigation

This commit is contained in:
Pat Dryburgh
2018-08-08 22:07:14 -07:00
parent 1053cda855
commit 492016151a
4 changed files with 30 additions and 15 deletions

View File

@ -1,29 +1,29 @@
article > * {
.post > * {
margin-left: auto;
margin-right: auto;
max-width: 36rem;
padding: 0 1em;
}
article > h1 {
.post > h1 {
font-size: 2em;
max-width: 48rem;
padding: 2em 1em;
text-align: center;
}
article p {
.post p {
text-align: justify;
text-indent: 1.5rem;
text-justify: inter-word;
}
article p:first-of-type,
article h2 + p {
.post p:first-of-type,
.post h2 + p {
text-indent: 0;
}
article img {
.post img {
margin-left: -1em;
display: flex;
max-width: 100%;
@ -31,7 +31,7 @@ article img {
margin: 2em auto;
}
article li {
.post li {
margin-left: 1.5rem;
margin-right: 1.5rem;
}

View File

@ -13,7 +13,7 @@
.site-masthead h1 {
font-size: 3em;
margin-bottom: .125em;
margin-bottom: 0;
@media (min-width: $on-tablet) {
font-size: 6em;
}
@ -29,10 +29,7 @@
}
.site-navigation {
position: absolute;
bottom: .75em;
left: 2em;
right: 2em;
margin-top: 4rem;
}
.site-navigation ul {
@ -53,4 +50,8 @@
display: block;
padding: .25em .5em;
text-decoration: none;
&:hover,
&:focus {
text-decoration: underline;
}
}