Iteration on container

RELEASE-NOTES.md

@@ -1,5 +1,16 @@
 ## RELEASE NOTES
 
+### Version 1.12.0 - March 6, 2015
+
+**Enhancements**
+- **Grid** - `equal height` and `equal width` now work without `row` wrappers
+
+**Bugs**
+- **All Modules** - Performance logging now delays 500ms instead of 100ms for console logging to ensure all logs are captured in one group
+- **Label** - Labels inside `header` now vertical align better by accounting for line height offset
+- **Dropdown** - Fix bug where `onChange` would call even when reselecting current value
+- **Popup** - Fixes issue with `min-width` in firefox exceeding `max-width` causing element to not wrap correctly
+
 ### Version 1.11.3-4 - March 6, 2015
 
 **Enhancements**

dist/components/container.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.11.0 - Container
+ * # Semantic UI 1.11.4 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -19,6 +19,17 @@
        Animated
 --------------------*/
 
+.ui.container {
+  display: block;
+  margin: 0px auto;
+  width: 1190px;
+}
+@media only screen and (max-width: 1188px) {
+  .ui.container {
+    width: auto;
+    margin: 0em 1em;
+  }
+}
 
 
 /*******************************

dist/components/container.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 1.11.0 - Container
+ * # Semantic UI 1.11.4 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -7,4 +7,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */
+ */.ui.container{display:block;margin:0 auto;width:1190px}@media only screen and (max-width:1188px){.ui.container{width:auto;margin:0 1em}}

src/definitions/elements/container.less

@@ -28,10 +28,38 @@
 .ui.container {
   display: block;
   margin: 0px auto !important;
-  width: @width;
   max-width: @maxWidth;
 }
 
+@media only screen and (max-width: (@largestMobileScreen)) {
+  .ui.container {
+    width: @mobileWidth;
+    margin-left: @mobileGutter;
+    margin-right: @mobileGutter;
+  }
+}
+@media only screen and (min-width: @tabletBreakpoint ) {
+  .ui.container {
+    width: @tabletWidth;
+    margin-left: @tabletGutter;
+    margin-right: @tabletGutter;
+  }
+}
+@media only screen and (min-width: @smallComputerBreakpoint) {
+  .ui.container {
+    width: @smallComputerWidth;
+    margin-left: @smallComputerGutter;
+    margin-right: @smallComputerGutter;
+  }
+}
+@media only screen and (min-width: @largeComputerBreakpoint) {
+  .ui.container {
+    width: @largeComputerWidth;
+    margin-left: @largeComputerGutter;
+    margin-right: @largeComputerGutter;
+  }
+}
+
 
 /*******************************
              Types

src/themes/default/elements/container.variables

@@ -6,7 +6,25 @@
        Element
 --------------------*/
 
-@width: 1200px;
 @maxWidth: 100%;
 
+/* Devices */
+@mobileWidth: auto;
+@tabletWidth: 752px;
+@smallComputerWidth: 960px;
+@largeComputerWidth: 1200px;
+
+@mobileGutter: 1em;
+@tabletGutter: auto;
+@smallComputerGutter: auto;
+@largeComputerGutter: auto;
+
+/* Adjust breakpoints to match fixed width */
+@smallComputerBreakpoint: @smallComputerWidth + 28px;
+@largeComputerBreakpoint: @largeComputerWidth + 28px;
+
+/*-------------------
+       Types
+--------------------*/
+
 @textWidth: 700px;