Start working on images

This commit is contained in:
2017-12-24 15:04:19 -08:00
parent 7ff15ea5c3
commit 59f76eb93e
56 changed files with 281 additions and 109 deletions

View File

@ -55,9 +55,10 @@ $mobile-width: {{ site.mobile-width }};
::-moz-selection {
color: white;
background: $orange;
/* WebKit/Blink Browsers */
/* Mozilla Browsers */
}
// base page format
html {
margin: 0;
background-color: $margin;
@ -65,6 +66,10 @@ html {
body {
background-color: $background;
font-size: $body-size;
font-family: $body-font;
color: $body-text;
max-width: 800px;
z-index: 0;
margin-left: auto;
@ -103,13 +108,6 @@ header {
}
}
//WHAT THE FUCK
hr {
border-width: 0;
height: 1px;
background-color: $body-text;
}
#box {
display: flex;
@ -121,17 +119,80 @@ hr {
left: 20px;
}
flex-grow: 1;
font-family: $body-font;
}
hr {
border-width: 0;
height: 1px;
background-color: $body-text;
}
a {
color: $body-text;
line-height: 1.5em;
p {
margin: {
top: 0;
bottom: 15px;
}
}
a:hover {
color: $body-text-subtle;
}
p {
margin: {
top: 0;
bottom: 15px;
}
}
h1,h2,h3 {
margin: {
top: 0px;
bottom: 10px;
}
a {
text-decoration: none;
}
}
h1 {
font-size: 2em;
}
small {
font-size: 0.8em;
}
figure {
margin: 0;
.figure-contents {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
a {
padding: 3px;
margin: 0;
height: 100%;
width: auto;
flex-basis: auto;
flex-shrink: 1;
}
img {
margin: auto;
max-height: 240px;
min-height: 100px;
}
figcaption {
text-align: center;
}
}
// narrow screens override
@media screen and (max-width: $mobile-width) {
header {
top: 0;
@ -159,6 +220,7 @@ hr {
}
}
}
#box {
flex-direction: column;
}