Rebuild dist #2374

dist/components/container.css

@@ -14,11 +14,15 @@
             Container
 *******************************/
 
+
+/* All Sizes */
 .ui.container {
   display: block;
   max-width: 100% !important;
 }
-@media only screen and (max-width: 780px) {
+
+/* Mobile */
+@media only screen and (max-width: 767px) {
   .ui.container {
     width: auto;
     margin-left: 1em !important;
@@ -28,34 +32,40 @@
     width: auto !important;
   }
 }
-@media only screen and (min-width: 781px) and (max-width: 991px) {
+
+/* Tablet */
+@media only screen and (min-width: 768px) and (max-width: 991px) {
   .ui.container {
-    width: 752px;
+    width: 723px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   .ui.grid.container {
-    width: calc( 752px  +  2em ) !important;
+    width: calc( 723px  +  2em ) !important;
   }
 }
-@media only screen and (min-width: 988px) and (max-width: 1228px) {
+
+/* Small Monitor */
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .ui.container {
-    width: 960px;
+    width: 933px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   .ui.grid.container {
-    width: calc( 960px  +  2em ) !important;
+    width: calc( 933px  +  2em ) !important;
   }
 }
-@media only screen and (min-width: 1228px) {
+
+/* Large Monitor */
+@media only screen and (min-width: 1200px) {
   .ui.container {
-    width: 1200px;
+    width: 1127px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   .ui.grid.container {
-    width: calc( 1200px  +  2em ) !important;
+    width: calc( 1127px  +  2em ) !important;
   }
 }
 
@@ -94,3 +104,10 @@
 .ui[class*="right aligned"].container {
   text-align: right;
 }
+.ui.justified.container {
+  text-align: justify;
+  -webkit-hyphens: auto;
+     -moz-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+}

dist/components/container.min.css

@@ -7,4 +7,4 @@
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
- */.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:780px){.ui.container{width:auto;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}}@media only screen and (min-width:781px)and (max-width:991px){.ui.container{width:752px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(752px + 2em)!important}}@media only screen and (min-width:988px)and (max-width:1228px){.ui.container{width:960px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(960px + 2em)!important}}@media only screen and (min-width:1228px){.ui.container{width:1200px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1200px + 2em)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5;font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}
+ */.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}}@media only screen and (min-width:768px)and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2em)!important}}@media only screen and (min-width:992px)and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2em)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2em)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5;font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

dist/components/form.js

@@ -224,6 +224,21 @@ $.fn.form = function(parameters) {
           ;
         },
 
+        is: {
+          valid: function() {
+            var
+              allValid = true
+            ;
+            module.verbose('Checking if form is valid');
+            $.each(validation, function(fieldName, field) {
+              if( !( module.validate.field(field) ) ) {
+                allValid = false;
+              }
+            });
+            return allValid;
+          }
+        },
+
         removeEvents: function() {
           $module
             .off(eventNamespace)
@@ -664,7 +679,6 @@ $.fn.form = function(parameters) {
 
           form: function(event) {
             var
-              allValid = true,
               apiRequest
             ;
 
@@ -675,12 +689,7 @@ $.fn.form = function(parameters) {
 
             // reset errors
             formErrors = [];
-            $.each(validation, function(fieldName, field) {
-              if( !( module.validate.field(field) ) ) {
-                allValid = false;
-              }
-            });
-            if(allValid) {
+            if( module.is.valid() ) {
               module.debug('Form has no validation errors, submitting');
               module.set.success();
               return settings.onSuccess.call(element, event);

dist/components/grid.css

@@ -199,7 +199,7 @@
     padding-right: 2em;
   }
 }
-@media only screen and (min-width: 992px) and (max-width: 1399px) {
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0em;
@@ -208,7 +208,7 @@
     padding-right: 3%;
   }
 }
-@media only screen and (min-width: 1400px) and (max-width: 1919px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0em;
@@ -763,7 +763,7 @@
 }
 
 /* Large Monitor Sizing Combinations */
-@media only screen and (min-width: 1400px) and (max-width: 1919px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
   .ui.grid > .row > [class*="one wide large screen"].column,
   .ui.grid > .column.row > [class*="one wide large screen"].column,
   .ui.grid > [class*="one wide large screen"].column,

dist/components/menu.css

@@ -161,6 +161,10 @@
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: inherit;
+  -webkit-align-items: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: inherit;

dist/components/modal.css

@@ -210,7 +210,7 @@
     margin: 0em 0em 0em -425px;
   }
 }
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.modal {
     width: 900px;
     margin: 0em 0em 0em -450px;
@@ -447,7 +447,7 @@
     margin: 0em 0em 0em -340px;
   }
 }
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.small.modal {
     width: 720px;
     margin: 0em 0em 0em -360px;
@@ -482,7 +482,7 @@
     margin: 0em 0em 0em -510px;
   }
 }
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.large.modal {
     width: 1080px;
     margin: 0em 0em 0em -540px;

dist/components/tab.js

@@ -381,7 +381,6 @@ $.fn.tab = function(parameters) {
                   module.debug('First time tab loaded calling tab init');
                   settings.onFirstLoad.call($tab[0], currentPath, parameterArray, historyEvent);
                 }
-
                 return false;
               }
             }

dist/semantic.css

@@ -4397,12 +4397,16 @@ input::selection {
             Container
 *******************************/
 
+/* All Sizes */
+
 .ui.container {
   display: block;
   max-width: 100% !important;
 }
 
-@media only screen and (max-width: 780px) {
+/* Mobile */
+
+@media only screen and (max-width: 767px) {
   .ui.container {
     width: auto;
     margin-left: 1em !important;
@@ -4414,39 +4418,45 @@ input::selection {
   }
 }
 
-@media only screen and (min-width: 781px) and (max-width: 991px) {
+/* Tablet */
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
   .ui.container {
-    width: 752px;
+    width: 723px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .ui.grid.container {
-    width: calc( 752px  +  2em ) !important;
+    width: calc( 723px  +  2em ) !important;
   }
 }
 
-@media only screen and (min-width: 988px) and (max-width: 1228px) {
+/* Small Monitor */
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .ui.container {
-    width: 960px;
+    width: 933px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .ui.grid.container {
-    width: calc( 960px  +  2em ) !important;
+    width: calc( 933px  +  2em ) !important;
   }
 }
 
-@media only screen and (min-width: 1228px) {
+/* Large Monitor */
+
+@media only screen and (min-width: 1200px) {
   .ui.container {
-    width: 1200px;
+    width: 1127px;
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .ui.grid.container {
-    width: calc( 1200px  +  2em ) !important;
+    width: calc( 1127px  +  2em ) !important;
   }
 }
 
@@ -4487,6 +4497,14 @@ input::selection {
 .ui[class*="right aligned"].container {
   text-align: right;
 }
+
+.ui.justified.container {
+  text-align: justify;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+}
 /*!
  * # Semantic UI 2.0.0 - Divider
  * http://github.com/semantic-org/semantic-ui/
@@ -16688,7 +16706,7 @@ ol.ui.horizontal.list li:before,
   }
 }
 
-@media only screen and (min-width: 992px) and (max-width: 1399px) {
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0em;
@@ -16698,7 +16716,7 @@ ol.ui.horizontal.list li:before,
   }
 }
 
-@media only screen and (min-width: 1400px) and (max-width: 1919px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
   .ui.page.grid {
     width: auto;
     margin-left: 0em;
@@ -17349,7 +17367,7 @@ ol.ui.horizontal.list li:before,
 
 /* Large Monitor Sizing Combinations */
 
-@media only screen and (min-width: 1400px) and (max-width: 1919px) {
+@media only screen and (min-width: 1200px) and (max-width: 1919px) {
   .ui.grid > .row > [class*="one wide large screen"].column,
   .ui.grid > .column.row > [class*="one wide large screen"].column,
   .ui.grid > [class*="one wide large screen"].column,
@@ -18698,6 +18716,10 @@ ol.ui.horizontal.list li:before,
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: inherit;
+  -webkit-align-items: inherit;
+  -ms-flex-align: inherit;
+  align-items: inherit;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -webkit-flex-direction: inherit;
@@ -28335,7 +28357,7 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.modal {
     width: 900px;
     margin: 0em 0em 0em -450px;
@@ -28604,7 +28626,7 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.small.modal {
     width: 720px;
     margin: 0em 0em 0em -360px;
@@ -28645,7 +28667,7 @@ select.ui.dropdown {
   }
 }
 
-@media only screen and (min-width: 1400px) {
+@media only screen and (min-width: 1200px) {
   .ui.large.modal {
     width: 1080px;
     margin: 0em 0em 0em -540px;

dist/semantic.js

@@ -721,6 +721,21 @@ $.fn.form = function(parameters) {
           ;
         },
 
+        is: {
+          valid: function() {
+            var
+              allValid = true
+            ;
+            module.verbose('Checking if form is valid');
+            $.each(validation, function(fieldName, field) {
+              if( !( module.validate.field(field) ) ) {
+                allValid = false;
+              }
+            });
+            return allValid;
+          }
+        },
+
         removeEvents: function() {
           $module
             .off(eventNamespace)
@@ -1161,7 +1176,6 @@ $.fn.form = function(parameters) {
 
           form: function(event) {
             var
-              allValid = true,
               apiRequest
             ;
 
@@ -1172,12 +1186,7 @@ $.fn.form = function(parameters) {
 
             // reset errors
             formErrors = [];
-            $.each(validation, function(fieldName, field) {
-              if( !( module.validate.field(field) ) ) {
-                allValid = false;
-              }
-            });
-            if(allValid) {
+            if( module.is.valid() ) {
               module.debug('Form has no validation errors, submitting');
               module.set.success();
               return settings.onSuccess.call(element, event);
@@ -15821,7 +15830,6 @@ $.fn.tab = function(parameters) {
                   module.debug('First time tab loaded calling tab init');
                   settings.onFirstLoad.call($tab[0], currentPath, parameterArray, historyEvent);
                 }
-
                 return false;
               }
             }