Updated component to version 2.0.4

RELEASE-NOTES.md

@@ -1,3 +1,9 @@
+### Version 2.0.4 - July 17, 2015
+
+- **Segment** - Added additional variables for `inverted` segment.
+- **Segment* - `horizontal segments` in IE will no longer stretch to the natural width of child imgs [#2550](https://github.com/Semantic-Org/Semantic-UI/issues/2550) [flexbug [#1](h](https://github.com/Semantic-Org/Semantic-UI/issues/1](h)ttps://github.com/philipwalton/flexbugs[#1-mi](https://github.com/Semantic-Org/Semantic-UI/issues/1-mi)nimum-content-sizing-of-flex-items-not-honored)
+- **Menu/Segment/Table** - Consolidated `attached` logic for all components using attached. [#2599](https://github.com/Semantic-Org/Semantic-UI/issues/2599)
+
 ### Version 2.0.1 - July 6, 2015
 
 - **Segment** - Fixed incorrect margin set on `attached segment` [#2503](https://github.com/Semantic-Org/Semantic-UI/issues/2503)

composer.json

@@ -15,5 +15,5 @@
     "framework"
   ],
   "license": "MIT",
-  "version": "2.0.3"
+  "version": "2.0.4"
 }

package.js

@@ -2,7 +2,7 @@
 Package.describe({
   name    : 'semantic:ui-segment',
   summary : 'Semantic UI - Segment: Single component release',
-  version : '2.0.3',
+  version : '2.0.4',
   git     : 'git://github.com/Semantic-Org/UI-Segment.git',
 });
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "semantic-ui-segment",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "title": "Semantic UI - Segment",
   "description": "Single component release of segment",
   "homepage": "http://www.semantic-ui.com",

segment.css

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.0.3 - Segment
+ * # Semantic UI 2.0.4 - Segment
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -16,7 +16,7 @@
 
 .ui.segment {
   position: relative;
-  background-color: #ffffff;
+  background: #ffffff;
   box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
   margin: 1rem 0em;
   padding: 1em 1em;
@@ -35,7 +35,7 @@
   margin: 0em;
   padding-left: 0em;
   padding-right: 0em;
-  background-color: transparent;
+  background: none transparent;
   border-radius: 0px;
   box-shadow: none;
   border: none;
@@ -180,7 +180,7 @@
   bottom: -3px;
   left: 0%;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
-  background-color: rgba(0, 0, 0, 0.03);
+  background: rgba(0, 0, 0, 0.03);
   width: 100%;
   height: 6px;
   visibility: visible;
@@ -314,7 +314,7 @@
   bottom: 0px;
   margin-top: 0em;
   margin-bottom: 0em;
-  box-shadow: none, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
   border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 
@@ -365,8 +365,10 @@
 .ui.horizontal.segments > .segment {
   -webkit-box-flex: 1;
   -webkit-flex: 1 1 auto;
-      -ms-flex: 1 1 auto;
           flex: 1 1 auto;
+  -ms-flex: 1 1 0px;
+
+/* Solves #2550 MS Flex */
   margin: 0em;
   min-width: 0px;
   background-color: transparent;
@@ -646,18 +648,21 @@
   border: none;
   box-shadow: none;
 }
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+  background: #1b1c1d;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+/* Nested */
 .ui.inverted.segment .segment {
   color: rgba(0, 0, 0, 0.87);
 }
 .ui.inverted.segment .inverted.segment {
-  color: #ffffff;
-}
-.ui.inverted.segment,
-.ui.primary.inverted.segment {
-  background-color: #1b1c1d;
-  color: #ffffff;
+  color: rgba(255, 255, 255, 0.9);
 }
-.ui.inverted.block.segment,
+
+/* Attached */
 .ui.inverted.attached.segment {
   border-color: #555555;
 }
@@ -693,26 +698,28 @@
       Attached
 --------------------*/
 
-.ui.segment.attached {
+
+/* Middle */
+.ui.attached.segment {
   top: 0px;
   bottom: 0px;
+  border-radius: 0px;
   margin: 0em -1px;
   width: calc(100% +  2px );
   max-width: calc(100% +  2px );
-  border-radius: 0px;
   box-shadow: none;
   border: 1px solid #d4d4d5;
 }
-.ui.segment.attached + .ui.segment.attached:not(.top) {
+.ui.attached + .ui.attached.segment:not(.top) {
   border-top: none;
 }
 
 /* Top */
 .ui[class*="top attached"].segment {
-  top: 0px;
   bottom: 0px;
-  margin-top: 1rem;
   margin-bottom: 0em;
+  top: 0px;
+  margin-top: 1rem;
   border-radius: 0.28571429rem 0.28571429rem 0em 0em;
 }
 .ui.segment[class*="top attached"]:first-child {
@@ -721,11 +728,11 @@
 
 /* Bottom */
 .ui.segment[class*="bottom attached"] {
-  top: 0px;
   bottom: 0px;
   margin-top: 0em;
+  top: 0px;
   margin-bottom: 1rem;
-  box-shadow: none, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), none;
   border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 .ui.segment[class*="bottom attached"]:last-child {