Adds additional segment variables, background variables should allow for images, fixes github segment margin

src/definitions/elements/segment.less

@@ -24,7 +24,7 @@
 
 .ui.segment {
   position: relative;
-  background-color: @background;
+  background: @background;
   box-shadow: @boxShadow;
   margin: @margin;
   padding: @padding;
@@ -46,7 +46,7 @@
   padding-left: 0em;
   padding-right: 0em;
 
-  background-color: transparent;
+  background: none transparent;
   border-radius: 0px;
   box-shadow: none;
   border: none;
@@ -187,7 +187,7 @@
   left: 0%;
 
   border-top: 1px solid @borderColor;
-  background-color: @stackedPageBackground;
+  background: @stackedPageBackground;
 
   width: 100%;
   height: @stackedHeight;
@@ -630,19 +630,21 @@
   border: none;
   box-shadow: none;
 }
+.ui.inverted.segment,
+.ui.primary.inverted.segment {
+  background: @invertedBackground;
+  color: @invertedTextColor;
+}
+
+/* Nested */
 .ui.inverted.segment .segment {
   color: @textColor;
 }
 .ui.inverted.segment .inverted.segment {
-  color: @white;
-}
-.ui.inverted.segment,
-.ui.primary.inverted.segment {
-  background-color: @black;
-  color: @white;
+  color: @invertedTextColor;
 }
 
-.ui.inverted.block.segment,
+/* Attached */
 .ui.inverted.attached.segment {
   border-color: @solidWhiteBorderColor;
 }

src/themes/default/elements/segment.variables

@@ -78,9 +78,7 @@
 @tallStackedPadding: @verticalPadding + (0.8em);
 
 /* Raised */
-@raisedBoxShadow:
-  @floatingShadow
-;
+@raisedBoxShadow: @floatingShadow;
 
 /* Padded */
 @paddedSegmentPadding: 1.5em;
@@ -98,6 +96,9 @@
   @subtleShadow
 ;
 
+/* Inverted */
+@invertedBackground: @black;
+
 /* Floated */
 @floatedDistance: 1em;
 

src/themes/github/elements/segment.variables

@@ -13,7 +13,6 @@
 @verticalPadding: 20px;
 @horizontalPadding: 20px;
 
-@margin: 1em;
 @borderRadius: 4px;
 
 /*******************************