assets/stylesheets/semantic_ui/definitions/modules/popup.less in less-rails-semantic_ui-2.1.4.0 vs assets/stylesheets/semantic_ui/definitions/modules/popup.less in less-rails-semantic_ui-2.1.5.0

@@ -46,11 +46,11 @@
   z-index: @zIndex;
 
   border: @border;
   line-height: @lineHeight;
   max-width: @maxWidth;
-  background-color: @background;
+  background: @background;
 
   padding: @verticalPadding @horizontalPadding;
   font-weight: @fontWeight;
   font-style: @fontStyle;
   color: @color;
@@ -148,10 +148,11 @@
 }
 
 .ui.bottom.left.popup {
   margin-left: @boxArrowOffset;
 }
+/*rtl:rename*/
 .ui.bottom.left.popup:before {
   top: @arrowOffset;
   left: @arrowDistanceFromEdge;
   right: auto;
   bottom: auto;
@@ -160,10 +161,11 @@
 }
 
 .ui.bottom.right.popup {
   margin-right: @boxArrowOffset;
 }
+/*rtl:rename*/
 .ui.bottom.right.popup:before {
   top: @arrowOffset;
   right: @arrowDistanceFromEdge;
   bottom: auto;
   left: auto;
@@ -180,48 +182,77 @@
   margin-left: @arrowOffset;
 }
 .ui.top.left.popup {
   margin-left: @boxArrowOffset;
 }
+/*rtl:rename*/
 .ui.top.left.popup:before {
   bottom: @arrowOffset;
   left: @arrowDistanceFromEdge;
   top: auto;
   right: auto;
   margin-left: 0em;
 }
 .ui.top.right.popup {
   margin-right: @boxArrowOffset;
 }
+/*rtl:rename*/
 .ui.top.right.popup:before {
   bottom: @arrowOffset;
   right: @arrowDistanceFromEdge;
   top: auto;
   left: auto;
   margin-left: 0em;
 }
 
 /*--- Left Center ---*/
+/*rtl:rename*/
 .ui.left.center.popup:before {
   top: 50%;
   right: @arrowOffset;
   bottom: auto;
   left: auto;
   margin-top: @arrowOffset;
   box-shadow: @leftArrowBoxShadow;
 }
 
 /*--- Right Center  ---*/
+/*rtl:rename*/
 .ui.right.center.popup:before {
   top: 50%;
   left: @arrowOffset;
   bottom: auto;
   right: auto;
   margin-top: @arrowOffset;
   box-shadow: @rightArrowBoxShadow;
 }
 
+/* Arrow Color By Location */
+.ui.bottom.popup:before {
+  background: @arrowTopBackground;
+}
+.ui.right.center.popup:before,
+.ui.left.center.popup:before {
+  background: @arrowCenterBackground;
+}
+.ui.top.popup:before {
+  background: @arrowBottomBackground;
+}
+
+/* Inverted Arrow Color */
+.ui.inverted.bottom.popup:before {
+  background: @invertedArrowTopBackground;
+}
+.ui.inverted.right.center.popup:before,
+.ui.inverted.left.center.popup:before {
+  background: @invertedArrowCenterBackground;
+}
+.ui.inverted.top.popup:before {
+  background: @invertedArrowBottomBackground;
+}
+
+
 /*******************************
             Coupling
 *******************************/
 
 /* Immediate Nested Grid */
@@ -344,6 +375,6 @@
 .ui.huge.popup {
   font-size: @huge;
 }
 
 
-.loadUIOverrides();
\ No newline at end of file
+.loadUIOverrides();