Fix site min-width issue

build/less/themes/packages/default/globals/site.variables

@@ -59,7 +59,7 @@
 
 @pageBackground      : #F7F7F7;
 @lineHeight          : 1.33;
-@pageMinWidth        : 320px;
+@pageMinWidth        : 250px;
 
 @pageOverflowX       : hidden;
 

build/minified/definitions/globals/site.min.css

@@ -11,4 +11,4 @@
 * Released: 09/18/2014
 */
 
-@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);*,:after,:before{box-sizing:border-box}body,html{height:100%;font-smoothing:antialiased}body{margin:0;padding:0;min-width:320px;background:#f7f7f7;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.33;color:rgba(0,0,0,.8);overflow-x:hidden}h1,h2,h3,h4,h5{margin:1em 0 1rem;padding:0}p{margin:0 0 1em}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#009fda;text-decoration:none}a:hover{color:#00b2f3}::-webkit-selection{background-color:#ffc;color:rgba(0,0,0,.8)}::-moz-selection{background-color:#ffc;color:rgba(0,0,0,.8)}::selection{background-color:#ffc;color:rgba(0,0,0,.8)}
+@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);*,:after,:before{box-sizing:border-box}body,html{height:100%;font-smoothing:antialiased}body{margin:0;padding:0;min-width:250px;background:#f7f7f7;font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:14px;line-height:1.33;color:rgba(0,0,0,.8);overflow-x:hidden}h1,h2,h3,h4,h5{margin:1em 0 1rem;padding:0}p{margin:0 0 1em}p:first-child{margin-top:0}p:last-child{margin-bottom:0}a{color:#009fda;text-decoration:none}a:hover{color:#00b2f3}::-webkit-selection{background-color:#ffc;color:rgba(0,0,0,.8)}::-moz-selection{background-color:#ffc;color:rgba(0,0,0,.8)}::selection{background-color:#ffc;color:rgba(0,0,0,.8)}

build/packaged/definitions/css/semantic.css

@@ -13817,6 +13817,9 @@ a.ui.yellow.label:hover:before {
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
              List
 *******************************/
@@ -13862,9 +13865,6 @@ a.ui.yellow.label:hover:before {
 /* Relaxed */
 /* Very Relaxed */
 /* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/
@@ -17497,7 +17497,7 @@ body {
 body {
   margin: 0px;
   padding: 0px;
-  min-width: 320px;
+  min-width: 250px;
   background: #f7f7f7;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-size: 14px;

build/uncompressed/definitions/elements/list.css

@@ -137,6 +137,9 @@
 /*---  Standard  ---*/
 /*---  Emotive  ---*/
 /*---  Neutrals  ---*/
+/*------------------
+     Load Theme
+-------------------*/
 /*******************************
              List
 *******************************/
@@ -182,9 +185,6 @@
 /* Relaxed */
 /* Very Relaxed */
 /* Sizes */
-/*------------------
-     Load Theme
--------------------*/
 /*------------------
      Load Site
 -------------------*/

build/uncompressed/definitions/globals/site.css

@@ -170,7 +170,7 @@ body {
 body {
   margin: 0px;
   padding: 0px;
-  min-width: 320px;
+  min-width: 250px;
   background: #f7f7f7;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-size: 14px;

server/files/stylesheets/semantic.css

@@ -828,6 +828,13 @@ body#example.hide {
   padding-top: 0px;
   border-top: none;
 }
+#example .another.example i.code,
+#example .example:first-child i.code,
+#example h2 + .example i.code,
+#example h3 + .example i.code,
+#example h4 + .example i.code {
+  top: 0em;
+}
 #example .example > h4 {
   margin: 0em;
 }
@@ -858,7 +865,7 @@ body#example.hide {
   cursor: pointer;
   position: absolute;
 
-  top: 1em;
+  top: 1rem;
   right: 0px;
   margin: 0;
   opacity: 0.1;
@@ -1462,6 +1469,17 @@ body.progress .ui.progress .bar {
   }
   #example .main.container {
     padding: 1em;
+    box-shadow: none;
+  }
+  #example .header.segment {
+    padding-top: 60px;
+    padding-bottom: 20px;
+  }
+  #example .example i.code {
+    opacity: 0.3;
+  }
+  #example .example i.code:hover {
+    opacity: 1;
   }
 }
 @media only screen and (min-width : 600px) and (max-width : 998px) {

src/themes/packages/default/globals/site.variables

@@ -59,7 +59,7 @@
 
 @pageBackground      : #F7F7F7;
 @lineHeight          : 1.33;
-@pageMinWidth        : 320px;
+@pageMinWidth        : 250px;
 
 @pageOverflowX       : hidden;