amd/photos.amdavidson.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css updates for better header display on iphone sizes

Browse source
This commit is contained in:
Andrew Davidson 2016-09-14 20:16:46 -04:00
parent ea255fdb41
commit a48ec42a7f
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
_sass/_layout.scss
View file

@ -25,6 +25,18 @@
width: 100px; width: 100px;
text-align:center; text-align:center;
margin-left: 10%; margin-left: 10%;
@include media-query($on-palm) {
width: 100%;
margin: 0em auto;
}
}
.site-logo img {
@include media-query($on-palm) {
width: 100px;
}
} }
.site-title { .site-title {
@ -47,6 +59,11 @@
list-style-type: none; list-style-type: none;
margin: 0 10% 0 0; margin: 0 10% 0 0;
font-size: 1.3em; font-size: 1.3em;
@include media-query($on-palm) {
display: none;
}
} }
.site-nav li { .site-nav li {

2
css/main.scss
View file

@ -25,7 +25,7 @@ $grey-color-dark: darken($grey-color, 25%);
// Width of the content area // Width of the content area
$content-width: 650px; $content-width: 650px;
$on-palm: 300px; $on-palm: 400px;
$on-laptop: 800px; $on-laptop: 800px;