mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

layout changes

Browse Source
This commit is contained in:
Mark Moser
2017-08-22 18:56:58 -05:00
committed by Mark Moser
parent c1b5232add
commit 7117f4e0c4
5 changed files with 66 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
site/assets/scss/components/_hero.scss
View File

@ -4,18 +4,15 @@
align-content: center;
align-items: center;
justify-content: center;
margin: 0 0 ($gutter * 2);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 0;
height: 250px;
h1 {
flex: 1 1 auto;
background-color: rgba($blue, 0.75);
padding: $gutter;
width: auto;
text-align: center;
color: $copy-light;
}
@ -42,20 +39,10 @@
}
}
@media screen and (min-width: 426px) {
@media screen and (min-width: 900px) {
.hero {
h1 {
flex: 0 0 auto;
width: 425px;
}
}
}
@media screen and (min-width: 768px) {
.hero {
h1 {
width: calc(100% * 0.809);
max-width: 860px;
padding: $gutter calc((100% - 850px) / 2);
text-align: inherit;
}
}