Add reactive styles for Tablets
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user