Use Sass custom mixins for grid

This commit is contained in:
Frederic Guillot
2016-08-07 22:52:29 -04:00
parent 41f93e0957
commit fd0bea2187
9 changed files with 81 additions and 39 deletions

View File

@@ -12,24 +12,15 @@
)) ?>
<header>
<div class="grid grid-reverse grid-noGutter">
<?php if (! empty($board_selector)): ?>
<div class="col-1 col_xs-4 col_sm-3 col_md-3 col_lg-2 pull-right">
<?= $_top_right_corner ?>
</div>
<div class="col-2 col_xs-8 col_sm-9 col_md-1 col_lg-1">
<?= $this->render('header/board_selector', array('board_selector' => $board_selector)) ?>
</div>
<div class="col-9 col_xs-12 col_sm-12 col_md-8 col_lg-9">
<?= $_title ?>
</div>
<?php else: ?>
<div class="col-2 col_xs-12 pull-right">
<?= $_top_right_corner ?>
</div>
<div class="col-10 col_xs-12">
<?= $_title ?>
</div>
<?php endif ?>
<div class="title-container">
<?= $_title ?>
</div>
<?php if (! empty($board_selector)): ?>
<div class="board-selector-container">
<?= $this->render('header/board_selector', array('board_selector' => $board_selector)) ?>
</div>
<?php endif ?>
<div class="menus-container pull-right">
<?= $_top_right_corner ?>
</div>
</header>