Responsive new layout; Fixing search on mobile

This commit is contained in:
James Barnsley
2017-02-07 21:37:53 +13:00
parent 20e6d903c6
commit 013f259fa4
7 changed files with 106 additions and 74 deletions

View File

@ -107,7 +107,7 @@
}
}
@include responsive( 1199px, 850px ){
@include responsive( 1199px, 800px ){
&.mini {
.grid-item {
@include grid_item( 2 )
@ -120,11 +120,29 @@
}
}
@include responsive( 849px ){
@include responsive( 799px, 500px ){
&.mini{
.grid-item {
@include grid_item( 6 )
}
}
&:not(.mini){
.grid-item {
@include grid_item( 3 )
}
}
}
@include responsive( 499px ){
&.mini{
.grid-item {
@include grid_item( 3 )
}
}
&:not(.mini){
.grid-item {
@include grid_item( 2 )
}
}
}
}