craftingguide/website
1
0
Fork 0
Code Pull Requests Actions Activity

Initial progress towards responsive for mobile

Browse Source
This commit is contained in:
Andrew Miner
2016-04-29 22:30:37 -07:00
parent 636a8d061c
commit 83156c30c7
18 changed files with 239 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/client/site/header/header.scss
+14 -6
View File
@@ -15,6 +15,10 @@
display : flex;
align-items : center;
@include screen-size(mobile) {
display : none;
}
a {
flex : 0 0 auto;
height : $size-minecraft-block * 1.5;
@@ -27,10 +31,10 @@
width : $size-minecraft-block * 1.5;
@include screen-size(desktop) {
top : -$size-minecraft-block * 0.5;
left : -$size-minecraft-block * 0.5;
height : $size-minecraft-block * 2.0;
width : $size-minecraft-block * 2.0;
top : -$size-minecraft-block * 0.5;
left : -$size-minecraft-block * 0.5;
height : $size-minecraft-block * 2.0;
width : $size-minecraft-block * 2.0;
}
}
}
@@ -40,13 +44,17 @@
white-space: nowrap;
@include screen-size(tablet) {
font-size: $font-size-xlarge;
font-size : $font-size-xlarge;
}
}
.addthis_sharing_toolbox {
@include screen-size(mobile) {
display: none;
}
flex : 0 0 auto;
min-height : 37px;
min-height : 37px; // actual size of addthis component
min-width : 144px;
margin-right : $size-margin-small;