diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md index 88130af07..2a73e391e 100644 --- a/RELEASE-NOTES.md +++ b/RELEASE-NOTES.md @@ -1,6 +1,9 @@ ## 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** - **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) diff --git a/src/definitions/collections/grid.less b/src/definitions/collections/grid.less index 971cfd9f5..acb381faa 100755 --- a/src/definitions/collections/grid.less +++ b/src/definitions/collections/grid.less @@ -1244,6 +1244,14 @@ 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 */ .ui[class*="middle aligned"].grid, .ui[class*="middle aligned"].grid > .row > .column, @@ -1429,6 +1437,7 @@ .ui.grid > [class*="equal width"].row > .column { display: flex; flex-direction: column; + flex-grow: 1; } @@ -1464,14 +1473,8 @@ .ui.grid > [class*="equal height"].row > .column { display: flex; 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