Merge f723320048 into 47acaa0ce4

src/definitions/collections/message.less

@@ -276,6 +276,10 @@
 .ui.positive.message .header {
   color: @positiveHeaderColor;
 }
+.ui.positive.message.floating {
+	box-shadow: @positiveBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /* Negative */
 .ui.negative.message {
@@ -289,6 +293,10 @@
 .ui.negative.message .header {
   color: @negativeHeaderColor;
 }
+.ui.negative.message.floating {
+	box-shadow: @negativeBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /* Info */
 .ui.info.message {
@@ -302,6 +310,10 @@
 .ui.info.message .header {
   color: @infoHeaderColor;
 }
+.ui.info.message.floating {
+	box-shadow: @infoBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /* Warning */
 .ui.warning.message {
@@ -315,6 +327,10 @@
 .ui.warning.message .header {
   color: @warningHeaderColor;
 }
+.ui.warning.message.floating {
+	box-shadow: @warningBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /* Error */
 .ui.error.message {
@@ -328,6 +344,10 @@
 .ui.error.message .header {
   color: @errorHeaderColor;
 }
+.ui.error.message.floating {
+	box-shadow: @errorBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /* Success */
 .ui.success.message {
@@ -341,6 +361,10 @@
 .ui.success.message .header {
   color: @successHeaderColor;
 }
+.ui.success.message.floating {
+	box-shadow: @successBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 
 /* Colors */
@@ -358,6 +382,10 @@
 .ui.red.message .header {
   color: @redHeaderColor;
 }
+.ui.red.message.floating {
+	box-shadow: @redBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.orange.message {
   background-color: @orangeBackground;
@@ -367,6 +395,10 @@
 .ui.orange.message .header {
   color: @orangeHeaderColor;
 }
+.ui.red.message.floating {
+	box-shadow: @redBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.yellow.message {
   background-color: @yellowBackground;
@@ -376,6 +408,10 @@
 .ui.yellow.message .header {
   color: @yellowHeaderColor;
 }
+.ui.yellow.message.floating {
+	box-shadow: @yellowBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.olive.message {
   background-color: @oliveBackground;
@@ -385,6 +421,10 @@
 .ui.olive.message .header {
   color: @oliveHeaderColor;
 }
+.ui.olive.message.floating {
+	box-shadow: @oliveBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.green.message {
   background-color: @greenBackground;
@@ -394,6 +434,10 @@
 .ui.green.message .header {
   color: @greenHeaderColor;
 }
+.ui.green.message.floating {
+	box-shadow: @greenBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.teal.message {
   background-color: @tealBackground;
@@ -403,6 +447,10 @@
 .ui.teal.message .header {
   color: @tealHeaderColor;
 }
+.ui.teal.message.floating {
+	box-shadow: @tealBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.blue.message {
   background-color: @blueBackground;
@@ -412,6 +460,10 @@
 .ui.blue.message .header {
   color: @blueHeaderColor;
 }
+.ui.blue.message.floating {
+	box-shadow: @blueBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.violet.message {
   background-color: @violetBackground;
@@ -421,6 +473,10 @@
 .ui.violet.message .header {
   color: @violetHeaderColor;
 }
+.ui.violet.message.floating {
+	box-shadow: @violetBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.purple.message {
   background-color: @purpleBackground;
@@ -430,6 +486,10 @@
 .ui.purple.message .header {
   color: @purpleHeaderColor;
 }
+.ui.purple.message.floating {
+	box-shadow: @purpleBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.pink.message {
   background-color: @pinkBackground;
@@ -439,6 +499,10 @@
 .ui.pink.message .header {
   color: @pinkHeaderColor;
 }
+.ui.pink.message.floating {
+	box-shadow: @pinkBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 .ui.brown.message {
   background-color: @brownBackground;
@@ -448,6 +512,10 @@
 .ui.brown.message .header {
   color: @brownHeaderColor;
 }
+.ui.brown.message.floating {
+	box-shadow: @brownBoxShadow,
+			@floatingBoxShadow !important;
+}
 
 /*--------------
      Sizes