javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(grid): Correct responsive grid breaks for col-XX, closes #803

Browse Source
This commit is contained in:
Adam Bradley
2014-03-15 21:35:13 -05:00
parent aa30faf863
commit 8fae85e9e6
2 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_mixins.scss
View File

@@ -619,9 +619,11 @@
-ms-flex-direction: column;
flex-direction: column;
.col {
width: 100%;
.col, .col-10, .col-20, .col-25, .col-33, .col-34, .col-50, .col-66, .col-67, .col-75, .col-80, .col-90 {
@include flex(1);
margin-bottom: ($grid-padding-width * 3) / 2;
max-width: 100%;
width: 100%;
}
}
}

19
test/html/grid.html
View File

@@ -89,7 +89,7 @@
<div class="row">
<div class="col col-25">
<div>
.col.col-25
.col.col-25
</div>
</div>
<div class="col col-25 col-offset-25">
@@ -261,24 +261,19 @@
</div>
<div class="row responsive-lg">
<div class="col">
<div class="col col-50">
<div>
.responsive-lg .col
.responsive-lg .col.col-50
</div>
</div>
<div class="col">
<div class="col col-25">
<div>
.responsive-lg .col
.responsive-lg .col.col-25
</div>
</div>
<div class="col">
<div class="col col-25">
<div>
.responsive-lg .col
</div>
</div>
<div class="col">
<div>
.responsive-lg .col
.responsive-lg .col.col-25
</div>
</div>
</div>