Rebuild dist

dist/components/dropdown.css

@@ -19,12 +19,12 @@
   cursor: pointer;
   position: relative;
   display: inline-block;
-  line-height: 1;
-  -webkit-transition: border-radius 0.1s ease, width 0.2s ease;
-          transition: border-radius 0.1s ease, width 0.2s ease;
+  line-height: 1em;
   tap-highlight-color: rgba(0, 0, 0, 0);
   outline: none;
   text-align: left;
+  -webkit-transition: border-radius 0.1s ease, width 0.2s ease;
+          transition: border-radius 0.1s ease, width 0.2s ease;
 }
 
 
@@ -80,7 +80,7 @@
 .ui.dropdown .menu > .item .dropdown.icon {
   width: auto;
   float: right;
-  margin: 0.2em 0.75em 0em 0em;
+  margin: 0.2em 0em 0em 0.75em;
 }
 
 /*--------------
@@ -168,21 +168,6 @@
   padding: 0.5em 1em;
 }
 
-/*--------------
-   Item Image
----------------*/
-
-.ui.dropdown > .text > img,
-.ui.dropdown > .text > .image,
-.ui.dropdown .menu > .item > .image,
-.ui.dropdown .menu > .item > img {
-  display: inline-block;
-  vertical-align: middle;
-  width: auto;
-  max-height: 2.5em;
-  margin: 0.2em 0.75em 0em 0em;
-}
-
 /*-----------------
   Item Description
 -------------------*/
@@ -217,24 +202,59 @@
 *******************************/
 
 
-/* Icons / Flags / Labels */
+/*--------------
+   Sub Elements
+---------------*/
+
+
+/* Icons / Flags / Labels / Image */
 .ui.dropdown > .text > .icon,
-.ui.dropdown .menu > .item > .icon {
-  margin: 0.2em 0.75em 0em 0em;
-}
 .ui.dropdown > .text > .label,
-.ui.dropdown .menu > .item > .label {
-  margin: 0.2em 0.75em 0em 0em;
+.ui.dropdown > .text > .flag,
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image {
+  margin-top: 0em;
+}
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+  margin-top: 0.2em;
 }
+.ui.dropdown > .text > .icon,
+.ui.dropdown > .text > .label,
 .ui.dropdown > .text > .flag,
-.ui.dropdown .menu > .item > .flag {
-  margin: 0.2em 0.75em 0em 0em;
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .icon,
+.ui.dropdown .menu > .item > .label,
+.ui.dropdown .menu > .item > .flag,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+  margin-left: 0em;
+  margin-right: 0.75em;
 }
-.ui.dropdown .menu > .item > .icon + .text {
-  display: block;
-  margin-right: 1em;
+
+/*--------------
+     Image
+---------------*/
+
+.ui.dropdown > .text > img,
+.ui.dropdown > .text > .image,
+.ui.dropdown .menu > .item > .image,
+.ui.dropdown .menu > .item > img {
+  display: inline-block;
+  vertical-align: middle;
+  width: auto;
+  max-height: 2.5em;
 }
 
+/*--------------
+      Menu
+---------------*/
+
+
 /* Remove Menu Item Divider */
 .ui.dropdown .ui.menu > .item:before,
 .ui.menu .ui.dropdown .menu > .item:before {
@@ -246,6 +266,18 @@
   border-left: none;
 }
 
+/* Automatically float dropdown menu right on last menu item */
+.ui.menu .right.menu .dropdown:last-child .menu,
+.ui.buttons > .ui.dropdown:last-child .menu {
+  left: auto;
+  right: 0em;
+}
+
+/*--------------
+     Button
+---------------*/
+
+
 /* No Margin On Icon Button */
 .ui.dropdown.icon.button > .dropdown.icon {
   margin: 0em;
@@ -256,13 +288,6 @@
   border-bottom-right-radius: 0em;
 }
 
-/* Automatically float dropdown menu right on last menu item */
-.ui.menu .right.menu .dropdown:last-child .menu,
-.ui.buttons > .ui.dropdown:last-child .menu {
-  left: auto;
-  right: 0em;
-}
-
 
 /*******************************
               Types

dist/components/icon.css

@@ -97,8 +97,9 @@ i.icon.active {
 i.emphasized.icon {
   opacity: 1;
 }
-i.icon.disabled {
-  opacity: 0.3;
+i.disabled.icon {
+  pointer-events: none;
+  opacity: 0.3 !important;
 }
 
 

dist/components/modal.css

@@ -234,11 +234,11 @@
     box-shadow: none;
   }
   .ui.modal > .actions {
-    padding: 1rem 1rem 0rem !important;
+    padding: 1rem 1rem -1rem !important;
   }
   .ui.modal .actions > .buttons,
   .ui.modal .actions > .button {
-    margin-bottom: 1rem;
+    margin-bottom: 2rem;
   }
 }
 
@@ -322,7 +322,8 @@
 
 .ui.fullscreen.modal {
   width: 95% !important;
-  margin: 1em 0em 1em -47.5%;
+  left: 0% !important;
+  margin: 1em auto;
 }
 .ui.fullscreen.modal > .header {
   padding-right: 2.25rem;
@@ -336,8 +337,6 @@
   .ui.fullscreen.modal {
     width: auto !important;
     margin: 1em !important;
-    top: 0% !important;
-    left: 0% !important;
   }
 }
 

dist/components/segment.css

@@ -132,7 +132,7 @@
 --------------------*/
 
 .ui.piled.segment {
-  margin: 2em 0em;
+  margin: 3em 0em;
   box-shadow: 0px 0px 1px 1px rgba(39, 41, 43, 0.15);
   z-index: auto;
 }
@@ -169,6 +169,22 @@
   z-index: -2;
 }
 
+/* Piled Attached */
+.ui[class*="top attached"].piled.segment {
+  margin-top: 3em;
+  margin-bottom: 0em;
+}
+.ui.piled.segment[class*="top attached"]:first-child {
+  margin-top: 0em;
+}
+.ui.piled.segment[class*="bottom attached"] {
+  margin-top: 0em;
+  margin-bottom: 3em;
+}
+.ui.piled.segment[class*="bottom attached"]:last-child {
+  margin-bottom: 0em;
+}
+
 /*-------------------
        Stacked
 --------------------*/
@@ -351,39 +367,66 @@
 
 .ui.black.segment:not(.inverted) {
   border-top: 2px solid #1b1c1d;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.blue.segment:not(.inverted) {
   border-top: 2px solid #3b83c0;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.green.segment:not(.inverted) {
   border-top: 2px solid #5bbd72;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.orange.segment:not(.inverted) {
   border-top: 2px solid #e07b53;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.pink.segment:not(.inverted) {
   border-top: 2px solid #d9499a;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.purple.segment:not(.inverted) {
   border-top: 2px solid #564f8a;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.red.segment:not(.inverted) {
   border-top: 2px solid #d95c5c;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.teal.segment:not(.inverted) {
   border-top: 2px solid #00b5ad;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
 }
 .ui.yellow.segment:not(.inverted) {
   border-top: 2px solid #f2c61f;
-  border-radius: 0em 0em 0.2857rem 0.2857rem !important;
+}
+.ui.black.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.blue.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.green.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.orange.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.pink.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.purple.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.red.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.teal.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
+}
+.ui.yellow.segment:not(.inverted):not(.attached) {
+  border-top-left-radius: 0.2857rem !important;
+  border-top-right-radius: 0.2857rem !important;
 }
 
 /*-------------------
@@ -477,8 +520,7 @@
 }
 .ui.inverted.block.segment,
 .ui.inverted.attached.segment {
-  box-shadow: none !important;
-  border: none !important;
+  border-color: #555555;
 }
 
 /*-------------------
@@ -520,7 +562,7 @@
   box-shadow: none;
   border: 1px solid #d4d4d5;
 }
-.ui.segment.attached + .ui.segment.attached {
+.ui.segment.attached + .ui.segment.attached:not(.top) {
   border-top: none;
 }
 

src/definitions/globals/site.less

@@ -106,6 +106,6 @@ a:hover {
 }
 
 .loadFonts() when (@importGoogleFonts) {
-  @import (css) 'http://fonts.googleapis.com/css?family=@{googleFontName}:@{googleFontSizes}';
+  @import (css) 'http://fonts.googleapis.com/css?family=@{googleFontFamily}';
 }
 .loadUIOverrides();

src/themes/default/globals/site.variables

@@ -13,6 +13,7 @@
 @importGoogleFonts : true;
 @googleFontName    : 'Lato';
 @googleFontSizes   : '400,700,400italic,700italic';
+@googleFontFamily  : '@{googleFontName}:@{googleFontSizes}';
 
 /*-------------------
       Base Sizes