Add reactive styles for Tablets

This commit is contained in:
Andrew Miner
2016-04-23 20:10:09 -07:00
parent 64e118a2c8
commit a8d08b93c5
13 changed files with 126 additions and 58 deletions
+14 -4
View File
@@ -10,13 +10,23 @@
.right {
.tile_container {
display : flex;
flex-wrap : wrap;
justify-content : space-between;
display : flex;
flex-wrap : wrap;
@include screen-size(tablet) {
flex-direction: column;
align-items: stretch;
}
.view__mod_tile {
width : calc(50% - 12px); // $size-margin-large / 2
flex : 1 1 calc(50% - 12px); // $size-margin-large / 2
margin-right : $size-margin-medium;
margin-bottom : $size-margin-large;
@include screen-size(tablet) {
flex: 0 0 auto;
margin-right: 0;
}
}
}
}
@@ -13,7 +13,7 @@
align-items : stretch;
a {
max-width: 100%;
width: 100%;
@include floating-panel;
border : $size-border-medium solid $color-background-panel;