Add a new global text color variable, @mutedTextColor. Move subheader to muted text color. Remove orphaned and unused ui selection menu

Add new global variable for floating shadow

RELEASE-NOTES.md

@@ -8,6 +8,7 @@
 - **Modal** - Modal will now only close on buttons matching `deny` or `approve` selector. Any button that should hide modal on click should either match one of these selectors, or call `$('.ui.modal').modal('hide')` `onclick`.
 - **Grid** - `page grid` has been deprecated.  `page grids` used percentage gutters which made it unnecessarily difficult to style responsive page content. Moving forward we recommend using `ui container` a fixed width responsinve container for holding page contents.
 - **Form Validation** - Form validation now passes settings through a `fields` object. This is to make form initialization match other components. The previous syntax will continue to work but produce deprecation notices in console
+- **Dropdown** - Dropdown item `description` now float right in default theme and should be included before other content
 - **Popup** - Popups are no longer exclusive by default. Opening a popup will not necessarily close other visible popups. You can change this behavior by using the setting `exclusive: true`
 - **Colors** - Default colors have been slightly adjusted, and new colors have been added, which may cause slight changes in your design.
 
@@ -103,6 +104,7 @@
 - **Site** - Fixed mixed globals `@defaultDuration` and `@transitionDuration` usage to use a single variable across all UI `@defaultDuration`, the same for `@defaultEasing` and `@transitionEasing`
 - **Site** - Added in `pageOverflowX` variable, default theme hides horizontal scrollbars on `body`
 - **Site** - Added default `focus` colors for all color variations
+- **Site** - All floating/raised variations now inherit from a global `@floatedShadow` making theming easier
 - **Sticky** - Sticky now internally caches current scroll position when `cantFit = true` to avoid getting DOM property  on scroll.
 - **Statistic** - Added new evenly divided group variation, for example `three statistics` shows 3 per row
 - **Statistic** - Statitic group now use `flex`. Styles have been updated.

src/definitions/collections/menu.less

@@ -1056,15 +1056,6 @@ Floated Menu / Item
     Icon Only
 ---------------*/
 
-.ui.icon.menu,
-.ui.vertical.icon.menu {
-  display: inline-flex;
-  width: auto;
-  height: auto;
-}
-.ui.vertical.icon.menu {
-  display: inline-block;
-}
 .ui.icon.menu > .item {
   height: auto;
   text-align: @iconMenuTextAlign;
@@ -1301,31 +1292,6 @@ Floated Menu / Item
 }
 
 
-/*--------------
-    Selection
----------------*/
-
-.ui.selection.menu > .item {
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.selection.menu > .item:hover {
-  color: rgba(0, 0, 0, 0.6);
-}
-.ui.selection.menu > .item.active {
-  color: rgba(0, 0, 0, 0.85);
-}
-
-.ui.inverted.selection.menu > .item {
-  color: rgba(255, 255, 255, 0.4);
-}
-.ui.inverted.selection.menu > .item:hover {
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.inverted.selection.menu > .item.active {
-  color: #FFFFFF;
-}
-
-
 /*--------------
      Floated
 ---------------*/
@@ -1334,6 +1300,10 @@ Floated Menu / Item
   float: left;
   margin: 0rem @floatedDistance 0rem 0rem;
 }
+.ui.floated.menu .item:last-child:before {
+  display: none;
+}
+
 .ui.right.floated.menu {
   float: right;
   margin: 0rem 0rem 0rem @floatedDistance;

src/definitions/modules/dropdown.less

@@ -1151,11 +1151,12 @@ select.ui.dropdown {
 .ui.floating.dropdown .menu {
   left: 0;
   right: auto;
-  box-shadow: @floatingMenuBoxShadow;
-  border-radius: @floatingMenuBorderRadius;
+  box-shadow: @floatingMenuBoxShadow !important;
+  border-radius: @floatingMenuBorderRadius !important;
 }
 .ui.floating.dropdown > .menu {
   margin-top: @floatingMenuDistance !important;
+  border-radius: @floatingMenuBorderRadius !important;
 }
 
 /*--------------

src/themes/default/collections/message.variables

@@ -79,7 +79,6 @@
 ;
 
 /* Floating */
-@floatingShadow: 0 1px 4px 0 @borderColor;
 @floatingBoxShadow:
   @borderShadow,
   @floatingShadow

src/themes/default/elements/header.variables

@@ -35,7 +35,7 @@
 /* Sub Header */
 @subHeaderMargin: 0em;
 @subHeaderLineHeight: 1.2em;
-@subHeaderColor: rgba(0, 0, 0, 0.5);
+@subHeaderColor: @mutedTextColor;
 
 /* Icon */
 @iconOpacity: 1;
@@ -76,9 +76,9 @@
 @tiny   : unit(@h5, em);
 
 /* Sub Header */
-@h1SubHeaderFontSize: 1.4285rem;
+@h1SubHeaderFontSize: 1.1428rem;
 @h2SubHeaderFontSize: 1.1428rem;
-@h3SubHeaderFontSize: 1.1428rem;
+@h3SubHeaderFontSize: 1rem;
 @h4SubHeaderFontSize: 1rem;
 @h5SubHeaderFontSize: 0.9285rem;
 
@@ -140,7 +140,7 @@
 
 /* Inverted */
 @invertedColor: @white;
-@invertedSubHeaderColor: rgba(255, 255, 255, 0.85);
+@invertedSubHeaderColor: @invertedMutedTextColor;
 @invertedDividedBorderColor: @whiteBorderColor;
 @invertedBlockBackground: @lightBlack @subtleGradient;
 @invertedAttachedBackground: @invertedBlockBackground;

src/themes/default/globals/site.variables

@@ -250,8 +250,13 @@
 @subtleGradient: linear-gradient(transparent, @transparentBlack);
 
 /* Differentiating Layers */
-@subtleShadow: 0px 1px 2px 0 @transparentBlack;
-
+@subtleShadow:
+  0px 1px 2px 0 @borderColor
+;
+@floatingShadow:
+  0px 2px 4px 0px rgba(34, 36, 38, 0.1),
+  0px 0px 10px 0px rgba(34, 36, 38, 0.05)
+;
 
 /*******************************
            Power-User
@@ -332,6 +337,7 @@
 --------------------*/
 
 @darkTextColor               : rgba(0, 0, 0, 0.85);
+@mutedTextColor              : rgba(0, 0, 0, 0.6);
 @lightTextColor              : rgba(0, 0, 0, 0.4);
 
 @unselectedTextColor         : rgba(0, 0, 0, 0.4);
@@ -341,6 +347,7 @@
 @disabledTextColor           : rgba(0, 0, 0, 0.2);
 
 @invertedTextColor           : rgba(255, 255, 255, 0.9);
+@invertedMutedTextColor      : rgba(255, 255, 255, 0.8);
 @invertedLightTextColor      : rgba(255, 255, 255, 0.7);
 @invertedUnselectedTextColor : rgba(255, 255, 255, 0.5);
 @invertedHoveredTextColor    : rgba(255, 255, 255, 1);

src/themes/default/modules/dropdown.variables

@@ -343,7 +343,10 @@
 
 /* Floating */
 @floatingMenuDistance: 0.5em;
-@floatingMenuBoxShadow: 0 3px 15px 0 @borderColor;
+@floatingMenuBoxShadow:
+  0px 2px 4px 0px @borderColor,
+  0px 0px 10px 0px @internalBorderColor !important
+;
 @floatingMenuBorderRadius: @borderRadius;
 
 /* Pointing */