Improve project header css

This commit is contained in:
Frederic Guillot 2017-04-05 19:39:45 -04:00
parent 66c8351ad4
commit 22f48ea289
4 changed files with 11 additions and 29 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,2 @@
.filter-box
max-width: 800px
max-width: 1024px

View File

@ -2,42 +2,24 @@
@import mixins
.project-header
@include grid(100)
margin-bottom: 8px
.dropdown-component
margin-top: 4px
@include grid_width(5/100)
@include md-device
@include grid_width(8/100)
margin-right: 5px
float: left
@include sm-device
@include grid_width(1)
float: none
.views-switcher-component
margin-top: 4px
@include grid_width(38/100)
@include custom-device(1300px)
@include grid_width(45/100)
@include md-device
@include grid_width(92/100)
float: left
@include sm-device
margin-top: 0
@include grid_width(1)
float: none
margin-bottom: 10px
.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

View File

@ -4,8 +4,8 @@
$breakdown-switcher: 560px
.views
display: inline-block
margin-right: 10px
margin-top: 1px
font-size: size('compact')
@include custom-device($breakdown-switcher)
width: 100%