Make filter box and project header more responsive

This commit is contained in:
Frederic Guillot
2016-08-08 21:54:45 -04:00
parent fd0bea2187
commit 195fae86d6
17 changed files with 193 additions and 123 deletions

View File

@@ -0,0 +1,36 @@
.project-header
@include grid(100)
.dropdown-component
@include grid_width(5/100)
@include md-device
@include grid_width(8/100)
@include sm-device
@include grid_width(1)
.views-switcher-component
@include grid_width(38/100)
@include custom-device(1300px)
@include grid_width(45/100)
@include md-device
@include grid_width(92/100)
@include sm-device
@include grid_width(1)
.filter-box-component
margin: 0
@include grid_width(55/100)
@include custom-device(1300px)
@include grid_width(50/100)
@include md-device
@include grid_width(1)
margin-top: 10px
.filter-box
max-width: 100%
@include sm-device
@include grid_width(1)
margin-top: 10px
.filter-box
max-width: 100%
form
margin: 0