Browse Source

Fix the flex

pull/1944/head
jlukic 9 years ago
parent
commit
3874dbbc48
2 changed files with 14 additions and 8 deletions
  1. 5
      RELEASE-NOTES.md
  2. 17
      src/definitions/collections/grid.less

5
RELEASE-NOTES.md

@ -1,6 +1,9 @@
## RELEASE NOTES ## RELEASE NOTES
### Version 1.11.3 - March 6, 2015
### Version 1.11.3-4 - March 6, 2015
**Enhancements**
- **Grid** - Added variation for `equal height`, `stretched equal height` instead of forcing all equal height grids to stretch content.
**Fixes** **Fixes**
- **Build Tools** - Fix issues with minified CSS `@import` not being on top of minified semantic ui concatenated release [bug in clean-css](https://github.com/jakubpawlowicz/clean-css/issues/476) - **Build Tools** - Fix issues with minified CSS `@import` not being on top of minified semantic ui concatenated release [bug in clean-css](https://github.com/jakubpawlowicz/clean-css/issues/476)

17
src/definitions/collections/grid.less

@ -1244,6 +1244,14 @@
justify-content: flex-start; justify-content: flex-start;
} }
/* Stretched */
.ui.stretched.grid > .row > .column > *,
.ui.stretched.grid > .column > *,
.ui.grid .stretched.column > *,
.ui.grid > .stretched.row > .column > * {
flex-grow: 1;
}
/* Middle Aligned */ /* Middle Aligned */
.ui[class*="middle aligned"].grid, .ui[class*="middle aligned"].grid,
.ui[class*="middle aligned"].grid > .row > .column, .ui[class*="middle aligned"].grid > .row > .column,
@ -1429,6 +1437,7 @@
.ui.grid > [class*="equal width"].row > .column { .ui.grid > [class*="equal width"].row > .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1;
} }
@ -1464,14 +1473,8 @@
.ui.grid > [class*="equal height"].row > .column { .ui.grid > [class*="equal height"].row > .column {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 0 0 auto;
flex-grow: 1;
} }
.ui[class*="equal height"].grid > .column > *,
.ui[class*="equal height"].grid > .row > .column > *,
.ui.grid > [class*="equal height"].row > .column > * {
flex: 0 0 auto;
}
/*------------------- /*-------------------
Doubling Doubling

Loading…
Cancel
Save