Update build

build/less/definitions/collections/breadcrumb.less

@@ -39,6 +39,7 @@
           Content
 *******************************/
 
+/* Divider */
 .ui.breadcrumb .divider {
   display: inline-block;
   opacity: @dividerOpacity;
@@ -48,10 +49,23 @@
   color: @dividerColor;
   vertical-align: @dividerVerticalAlign;
 }
+
+/* Link */
+.ui.breadcrumb a {
+  color: @linkColor;
+}
+.ui.breadcrumb a:hover {
+  color: @linkHoverColor;
+}
+
+
+/* Icon Divider */
 .ui.breadcrumb .icon.divider {
   font-size: @iconDividerSize;
+  vertical-align: @iconDividerVerticalAlign;
 }
 
+/* Section */
 .ui.breadcrumb a.section {
   cursor: pointer;
 }

build/less/definitions/collections/grid.less

@@ -24,6 +24,7 @@
 *******************************/
 
 .ui.grid {
+  position: relative;
   display: block;
   text-align: left;
 

build/less/definitions/elements/divider.less

@@ -24,7 +24,7 @@
 *******************************/
 
 .ui.divider {
-  margin: @dividerMargin 0rem;
+  margin: @margin;
 
   line-height: 1;
   height: 0em;
@@ -132,6 +132,47 @@
   bottom: 0px;
 }
 
+/* Inside grid */
+@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
+  .ui.stackable.grid .ui.vertical.divider,
+  .ui.grid .stackable.row .ui.vertical.divider {
+    position: relative;
+    margin: @margin;
+    left: 0;
+    height: auto;
+    overflow: hidden;
+    line-height: 1;
+    text-align: center;
+  }
+
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before,
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    position: absolute;
+    top: 50%;
+    left: auto;
+    content: '';
+    z-index: 3;
+
+    width: 50%;
+    top: 50%;
+    height: 0px;
+
+    border-top: @shadowWidth solid @shadowColor;
+    border-bottom: @highlightWidth solid @highlightColor;
+  }
+
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before {
+    margin-left: -(50% + @horizontalDividerMargin);
+  }
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    margin-left: @horizontalDividerMargin;
+  }
+}
+
 /*--------------
       Icon
 ---------------*/

build/less/definitions/modules/sidebar.js

@@ -296,8 +296,9 @@ $.fn.sidebar = function(parameters) {
             requestAnimationFrame(transition);
           }
           else {
-            if(settings.transition !== 'safe') {
-              $module.scrollTop(0);
+            $module.scrollTop(0);
+            if(module.is.mobile()) {
+              window.scrollTo(0, 0);
             }
             module.remove.allVisible();
             requestAnimationFrame(transition);

build/less/definitions/modules/sidebar.less

@@ -124,6 +124,7 @@
   opacity: 1 !important;
 }
 
+.pushable.pushed > .fixed,
 .pushable.pushed > .pusher {
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;

build/less/themes/packages/default/collections/breadcrumb.variables

@@ -2,10 +2,6 @@
           Breadcrumb
 *******************************/
 
-/*-------------------
-    Globals Used
---------------------*/
-
 /*-------------------
      Breadcrumb
 --------------------*/
@@ -14,13 +10,15 @@
 @display: inline-block;
 @verticalAlign: middle;
 
-@dividerSpacing: 0.15em;
+@dividerSpacing: 0.2rem;
 @dividerOpacity: 0.5;
 @dividerColor: @lightTextColor;
+
+@dividerSize: 0.9em;
 @dividerVerticalAlign: baseline;
 
-@dividerSize: 1em;
-@iconDividerSize: 1em;
+@iconDividerSize: 0.7em;
+@iconDividerVerticalAlign: middle;
 
 @sectionMargin: 0em;
 @sectionPadding: 0em;

build/less/themes/packages/default/elements/divider.variables

@@ -6,7 +6,7 @@
        Element
 --------------------*/
 
-@dividerMargin: 1rem;
+@margin: 1rem 0rem;
 
 @highlightWidth: 1px;
 @highlightColor: rgba(255, 255, 255, 0.2);

build/minified/definitions/collections/breadcrumb.min.css

@@ -11,4 +11,4 @@
 * Released: 09/07/2014
 */
 
-.ui.breadcrumb{margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb .icon.divider{font-size:1em}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.5em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.65em}.ui.tiny.breadcrumb{font-size:.7em}.ui.small.breadcrumb{font-size:.75em}.ui.breadcrumb{font-size:1em}.ui.large.breadcrumb{font-size:1.1em}.ui.big.breadcrumb{font-size:1.05em}.ui.huge.breadcrumb{font-size:1.3em}.ui.massive.breadcrumb{font-size:1.5em}
+.ui.breadcrumb{margin:1em 0;display:inline-block;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .2rem;font-size:.9em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#009fda}.ui.breadcrumb a:hover{color:#00b2f3}.ui.breadcrumb .icon.divider{font-size:.7em;vertical-align:middle}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.5em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.7em}.ui.tiny.breadcrumb{font-size:.8em}.ui.small.breadcrumb{font-size:.875em}.ui.breadcrumb{font-size:1em}.ui.large.breadcrumb{font-size:1.125em}.ui.big.breadcrumb{font-size:1.25em}.ui.huge.breadcrumb{font-size:1.375em}.ui.massive.breadcrumb{font-size:1.5em}

build/minified/definitions/elements/divider.min.css

@@ -11,4 +11,4 @@
 * Released: 09/07/2014
 */
 
-.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.2)}.ui.grid>.ui.divider{font-size:1rem}.ui.horizontal.divider{position:relative;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{position:absolute;content:'';z-index:3;width:50%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.2)}.ui.horizontal.divider:before{margin-left:-51.5%}.ui.horizontal.divider:after{margin-left:1.5%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.2);width:0;height:-webkit-calc(100% - 1rem);height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(0,0,0,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-left-color:rgba(0,0,0,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}
+.ui.divider{margin:1rem 0;line-height:1;height:0;font-weight:700;text-transform:uppercase;color:rgba(0,0,0,.85);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ui.divider:not(.vertical):not(.horizontal){border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.2)}.ui.grid>.ui.divider{font-size:1rem}.ui.horizontal.divider{position:relative;height:auto;margin:'';overflow:hidden;line-height:1;text-align:center}.ui.horizontal.divider:after,.ui.horizontal.divider:before{position:absolute;content:'';z-index:3;width:50%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.2)}.ui.horizontal.divider:before{margin-left:-51.5%}.ui.horizontal.divider:after{margin-left:1.5%}.ui.vertical.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0;padding:0;width:auto;height:50%;line-height:0;text-align:center}.ui.vertical.divider:after,.ui.vertical.divider:before{position:absolute;left:50%;content:'';z-index:3;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.2);width:0;height:-webkit-calc(100% - 1rem);height:calc(100% - 1rem)}.ui.vertical.divider:before{top:-100%}.ui.vertical.divider:after{top:auto;bottom:0}@media only screen and (max-width:767px){.ui.grid .stackable.row .ui.vertical.divider,.ui.stackable.grid .ui.vertical.divider{position:relative;margin:1rem 0;left:0;height:auto;overflow:hidden;line-height:1;text-align:center}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:before{position:absolute;left:auto;content:'';z-index:3;width:50%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.2)}.ui.grid .stackable.row .ui.vertical.divider:before,.ui.stackable.grid .ui.vertical.divider:before{margin-left:-51.5%}.ui.grid .stackable.row .ui.vertical.divider:after,.ui.stackable.grid .ui.vertical.divider:after{margin-left:1.5%}}.ui.divider>.icon{margin:0;font-size:1rem;height:1em;vertical-align:middle}.ui.hidden.divider{border-color:transparent!important}.ui.divider.inverted,.ui.horizontal.inverted.divider,.ui.vertical.inverted.divider{color:#fff}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(0,0,0,.15)!important;border-bottom-color:rgba(255,255,255,.15)!important;border-left-color:rgba(0,0,0,.15)!important;border-right-color:rgba(255,255,255,.15)!important}.ui.fitted.divider{margin:0}.ui.clearing.divider{clear:both}.ui.section.divider{margin-top:2rem;margin-bottom:2rem}

build/packaged/definitions/css/semantic.css

@@ -45,6 +45,20 @@
 /*------------------
      Load Default
 -------------------*/
+/*******************************
+          Breadcrumb
+*******************************/
+/*-------------------
+     Breadcrumb
+--------------------*/
+/* Coupling */
+/*-------------------
+       States
+--------------------*/
+/* Sizes */
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
          Site Settings
 *******************************/
@@ -136,23 +150,6 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
-/*******************************
-          Breadcrumb
-*******************************/
-/*-------------------
-    Globals Used
---------------------*/
-/*-------------------
-     Breadcrumb
---------------------*/
-/* Coupling */
-/*-------------------
-       States
---------------------*/
-/* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -182,17 +179,28 @@
 /*******************************
           Content
 *******************************/
+/* Divider */
 .ui.breadcrumb .divider {
   display: inline-block;
   opacity: 0.5;
-  margin: 0em 0.15em 0em;
-  font-size: 1em;
+  margin: 0em 0.2rem 0em;
+  font-size: 0.9em;
   color: rgba(0, 0, 0, 0.4);
   vertical-align: baseline;
 }
+/* Link */
+.ui.breadcrumb a {
+  color: #009fda;
+}
+.ui.breadcrumb a:hover {
+  color: #00b2f3;
+}
+/* Icon Divider */
 .ui.breadcrumb .icon.divider {
-  font-size: 1em;
+  font-size: 0.7em;
+  vertical-align: middle;
 }
+/* Section */
 .ui.breadcrumb a.section {
   cursor: pointer;
 }
@@ -216,25 +224,25 @@
            Variations
 *******************************/
 .ui.mini.breadcrumb {
-  font-size: 0.65em;
+  font-size: 0.7em;
 }
 .ui.tiny.breadcrumb {
-  font-size: 0.7em;
+  font-size: 0.8em;
 }
 .ui.small.breadcrumb {
-  font-size: 0.75em;
+  font-size: 0.875em;
 }
 .ui.breadcrumb {
   font-size: 1em;
 }
 .ui.large.breadcrumb {
-  font-size: 1.1em;
+  font-size: 1.125em;
 }
 .ui.big.breadcrumb {
-  font-size: 1.05em;
+  font-size: 1.25em;
 }
 .ui.huge.breadcrumb {
-  font-size: 1.3em;
+  font-size: 1.375em;
 }
 .ui.massive.breadcrumb {
   font-size: 1.5em;
@@ -1259,6 +1267,7 @@
             Standard
 *******************************/
 .ui.grid {
+  position: relative;
   display: block;
   text-align: left;
   font-size: 0em;
@@ -7412,6 +7421,41 @@ body > .ui.grid:not(.page) {
   top: auto;
   bottom: 0px;
 }
+/* Inside grid */
+@media only screen and (max-width: 767px) {
+  .ui.stackable.grid .ui.vertical.divider,
+  .ui.grid .stackable.row .ui.vertical.divider {
+    position: relative;
+    margin: 1rem 0rem;
+    left: 0;
+    height: auto;
+    overflow: hidden;
+    line-height: 1;
+    text-align: center;
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before,
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    position: absolute;
+    left: auto;
+    content: '';
+    z-index: 3;
+    width: 50%;
+    top: 50%;
+    height: 0px;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before {
+    margin-left: -51.5%;
+  }
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    margin-left: 1.5%;
+  }
+}
 /*--------------
       Icon
 ---------------*/
@@ -21502,6 +21546,7 @@ a.ui.nag {
   height: 100% !important;
   opacity: 1 !important;
 }
+.pushable.pushed > .fixed,
 .pushable.pushed > .pusher {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;

build/packaged/definitions/javascript/semantic.js

@@ -12156,8 +12156,9 @@ $.fn.sidebar = function(parameters) {
             requestAnimationFrame(transition);
           }
           else {
-            if(settings.transition !== 'safe') {
-              $module.scrollTop(0);
+            $module.scrollTop(0);
+            if(module.is.mobile()) {
+              window.scrollTo(0, 0);
             }
             module.remove.allVisible();
             requestAnimationFrame(transition);

build/uncompressed/definitions/collections/breadcrumb.css

@@ -45,6 +45,20 @@
 /*------------------
      Load Default
 -------------------*/
+/*******************************
+          Breadcrumb
+*******************************/
+/*-------------------
+     Breadcrumb
+--------------------*/
+/* Coupling */
+/*-------------------
+       States
+--------------------*/
+/* Sizes */
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
          Site Settings
 *******************************/
@@ -136,23 +150,6 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
-/*******************************
-          Breadcrumb
-*******************************/
-/*-------------------
-    Globals Used
---------------------*/
-/*-------------------
-     Breadcrumb
---------------------*/
-/* Coupling */
-/*-------------------
-       States
---------------------*/
-/* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -182,17 +179,28 @@
 /*******************************
           Content
 *******************************/
+/* Divider */
 .ui.breadcrumb .divider {
   display: inline-block;
   opacity: 0.5;
-  margin: 0em 0.15em 0em;
-  font-size: 1em;
+  margin: 0em 0.2rem 0em;
+  font-size: 0.9em;
   color: rgba(0, 0, 0, 0.4);
   vertical-align: baseline;
 }
+/* Link */
+.ui.breadcrumb a {
+  color: #009fda;
+}
+.ui.breadcrumb a:hover {
+  color: #00b2f3;
+}
+/* Icon Divider */
 .ui.breadcrumb .icon.divider {
-  font-size: 1em;
+  font-size: 0.7em;
+  vertical-align: middle;
 }
+/* Section */
 .ui.breadcrumb a.section {
   cursor: pointer;
 }
@@ -216,25 +224,25 @@
            Variations
 *******************************/
 .ui.mini.breadcrumb {
-  font-size: 0.65em;
+  font-size: 0.7em;
 }
 .ui.tiny.breadcrumb {
-  font-size: 0.7em;
+  font-size: 0.8em;
 }
 .ui.small.breadcrumb {
-  font-size: 0.75em;
+  font-size: 0.875em;
 }
 .ui.breadcrumb {
   font-size: 1em;
 }
 .ui.large.breadcrumb {
-  font-size: 1.1em;
+  font-size: 1.125em;
 }
 .ui.big.breadcrumb {
-  font-size: 1.05em;
+  font-size: 1.25em;
 }
 .ui.huge.breadcrumb {
-  font-size: 1.3em;
+  font-size: 1.375em;
 }
 .ui.massive.breadcrumb {
   font-size: 1.5em;

build/uncompressed/definitions/collections/grid.css

@@ -181,6 +181,7 @@
             Standard
 *******************************/
 .ui.grid {
+  position: relative;
   display: block;
   text-align: left;
   font-size: 0em;

build/uncompressed/definitions/elements/divider.css

@@ -259,6 +259,41 @@
   top: auto;
   bottom: 0px;
 }
+/* Inside grid */
+@media only screen and (max-width: 767px) {
+  .ui.stackable.grid .ui.vertical.divider,
+  .ui.grid .stackable.row .ui.vertical.divider {
+    position: relative;
+    margin: 1rem 0rem;
+    left: 0;
+    height: auto;
+    overflow: hidden;
+    line-height: 1;
+    text-align: center;
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before,
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    position: absolute;
+    left: auto;
+    content: '';
+    z-index: 3;
+    width: 50%;
+    top: 50%;
+    height: 0px;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  }
+  .ui.stackable.grid .ui.vertical.divider:before,
+  .ui.grid .stackable.row .ui.vertical.divider:before {
+    margin-left: -51.5%;
+  }
+  .ui.stackable.grid .ui.vertical.divider:after,
+  .ui.grid .stackable.row .ui.vertical.divider:after {
+    margin-left: 1.5%;
+  }
+}
 /*--------------
       Icon
 ---------------*/

build/uncompressed/definitions/modules/sidebar.css

@@ -245,6 +245,7 @@
   height: 100% !important;
   opacity: 1 !important;
 }
+.pushable.pushed > .fixed,
 .pushable.pushed > .pusher {
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;

build/uncompressed/definitions/modules/sidebar.js

@@ -296,8 +296,9 @@ $.fn.sidebar = function(parameters) {
             requestAnimationFrame(transition);
           }
           else {
-            if(settings.transition !== 'safe') {
-              $module.scrollTop(0);
+            $module.scrollTop(0);
+            if(module.is.mobile()) {
+              window.scrollTo(0, 0);
             }
             module.remove.allVisible();
             requestAnimationFrame(transition);