container.css in rbbt-rest-1.8.43

- old
+ new

@@ -1,11 +1,10 @@
 /*!
- * # Semantic UI 2.0.0 - Container
+ * # Semantic UI 2.2.6 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
  */
 
@@ -22,53 +21,77 @@
 }
 
 /* Mobile */
 @media only screen and (max-width: 767px) {
   .ui.container {
-    width: auto;
+    width: auto !important;
     margin-left: 1em !important;
     margin-right: 1em !important;
   }
   .ui.grid.container {
     width: auto !important;
   }
+  .ui.relaxed.grid.container {
+    width: auto !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: auto !important;
+  }
 }
 
 /* Tablet */
 @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;
+    width: calc( 723px  +  2rem ) !important;
   }
+  .ui.relaxed.grid.container {
+    width: calc( 723px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 723px  +  5rem ) !important;
+  }
 }
 
 /* Small Monitor */
 @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;
+    width: calc( 933px  +  2rem ) !important;
   }
+  .ui.relaxed.grid.container {
+    width: calc( 933px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 933px  +  5rem ) !important;
+  }
 }
 
 /* Large Monitor */
 @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;
+    width: calc( 1127px  +  2rem ) !important;
   }
+  .ui.relaxed.grid.container {
+    width: calc( 1127px  +  3rem ) !important;
+  }
+  .ui.very.relaxed.grid.container {
+    width: calc( 1127px  +  5rem ) !important;
+  }
 }
 
 
 /*******************************
              Types
@@ -105,10 +128,9 @@
   text-align: right;
 }
 .ui.justified.container {
   text-align: justify;
   -webkit-hyphens: auto;
-     -moz-hyphens: auto;
       -ms-hyphens: auto;
           hyphens: auto;
 }
 
 