semantic-ui-sass 2.3.1.1 → 2.4.3.0

data/app/assets/stylesheets/semantic-ui/elements/_container.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Container
+ * # Semantic UI 2.4.2 - Container
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -17,78 +17,78 @@
 /* All Sizes */
 .ui.container {
   display: block;
-  max-width: 100% !important;
+  max-width: $max-width !important;
 }
 
 /* Mobile */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.container {
-    width: auto !important;
-    margin-left: 1em !important;
-    margin-right: 1em !important;
+    width: $mobile-width !important;
+    margin-left: $mobile-gutter !important;
+    margin-right: $mobile-gutter !important;
   }
   .ui.grid.container {
-    width: auto !important;
+    width: $mobile-grid-width !important;
   }
   .ui.relaxed.grid.container {
-    width: auto !important;
+    width: $mobile-relaxed-grid-width !important;
   }
   .ui.very.relaxed.grid.container {
-    width: auto !important;
+    width: $mobile-very-relaxed-grid-width !important;
   }
 }
 
 /* Tablet */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
+@media only screen and (min-width: $tablet-breakpoint) and (max-width: $largest-tablet-screen) {
   .ui.container {
-    width: 723px;
-    margin-left: auto !important;
-    margin-right: auto !important;
+    width: $tablet-width;
+    margin-left: $tablet-gutter !important;
+    margin-right: $tablet-gutter !important;
   }
   .ui.grid.container {
-    width: calc( 723px  +  2rem ) !important;
+    width: $tablet-grid-width !important;
   }
   .ui.relaxed.grid.container {
-    width: calc( 723px  +  3rem ) !important;
+    width: $tablet-relaxed-grid-width !important;
   }
   .ui.very.relaxed.grid.container {
-    width: calc( 723px  +  5rem ) !important;
+    width: $tablet-very-relaxed-grid-width !important;
   }
 }
 
 /* Small Monitor */
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
+@media only screen and (min-width: $computer-breakpoint) and (max-width: $largest-small-monitor) {
   .ui.container {
-    width: 933px;
-    margin-left: auto !important;
-    margin-right: auto !important;
+    width: $computer-width;
+    margin-left: $computer-gutter !important;
+    margin-right: $computer-gutter !important;
   }
   .ui.grid.container {
-    width: calc( 933px  +  2rem ) !important;
+    width: $computer-grid-width !important;
   }
   .ui.relaxed.grid.container {
-    width: calc( 933px  +  3rem ) !important;
+    width: $computer-relaxed-grid-width !important;
   }
   .ui.very.relaxed.grid.container {
-    width: calc( 933px  +  5rem ) !important;
+    width: $computer-very-relaxed-grid-width !important;
   }
 }
 
 /* Large Monitor */
-@media only screen and (min-width: 1200px) {
+@media only screen and (min-width: $large-monitor-breakpoint) {
   .ui.container {
-    width: 1127px;
-    margin-left: auto !important;
-    margin-right: auto !important;
+    width: $large-monitor-width;
+    margin-left: $large-monitor-gutter !important;
+    margin-right: $large-monitor-gutter !important;
   }
   .ui.grid.container {
-    width: calc( 1127px  +  2rem ) !important;
+    width: $large-monitor-grid-width !important;
   }
   .ui.relaxed.grid.container {
-    width: calc( 1127px  +  3rem ) !important;
+    width: $large-monitor-relaxed-grid-width !important;
   }
   .ui.very.relaxed.grid.container {
-    width: calc( 1127px  +  5rem ) !important;
+    width: $large-monitor-very-relaxed-grid-width !important;
   }
 }
 
@@ -144,4 +144,3 @@
 /*******************************
          Site Overrides
 *******************************/
-

data/app/assets/stylesheets/semantic-ui/elements/_container_variables.scss

@@ -0,0 +1,48 @@
+/*******************************
+            Container
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+/* Minimum Gutter is used to determine the maximum container width for a given device */
+
+$max-width: 100%;
+
+/* Devices */
+$mobile-minimum-gutter: 0em;
+$mobile-width: auto;
+$mobile-gutter: 1em;
+
+$tablet-minimum-gutter: ($em-size  * 1);
+$tablet-width: $tablet-breakpoint - ($tablet-minimum-gutter * 2) - $scrollbar-width;
+$tablet-gutter: auto;
+
+$computer-minimum-gutter: ($em-size  * 1.5);
+$computer-width: $computer-breakpoint - ($computer-minimum-gutter * 2) - $scrollbar-width;
+$computer-gutter: auto;
+
+$large-monitor-minimum-gutter: ($em-size  * 2);
+$large-monitor-width: $large-monitor-breakpoint - ($large-monitor-minimum-gutter * 2) - $scrollbar-width;
+$large-monitor-gutter: auto;
+
+/* Coupling (Add Negative Margin to container size) */
+$grid-gutter-width: 2rem;
+$relaxed-grid-gutter-width: 3rem;
+$very-relaxed-grid-gutter-width: 5rem;
+
+$mobile-grid-width: $mobile-width;
+$tablet-grid-width: calc($tablet-width + $grid-gutter-width);
+$computer-grid-width: calc($computer-width + $grid-gutter-width);
+$large-monitor-grid-width: calc($large-monitor-width + $grid-gutter-width);
+
+$mobile-relaxed-grid-width: $mobile-width;
+$tablet-relaxed-grid-width: calc($tablet-width + $relaxed-grid-gutter-width);
+$computer-relaxed-grid-width: calc($computer-width + $relaxed-grid-gutter-width);
+$large-monitor-relaxed-grid-width: calc($large-monitor-width + $relaxed-grid-gutter-width);
+
+$mobile-very-relaxed-grid-width: $mobile-width;
+$tablet-very-relaxed-grid-width: calc($tablet-width + $very-relaxed-grid-gutter-width);
+$computer-very-relaxed-grid-width: calc($computer-width + $very-relaxed-grid-gutter-width);
+$large-monitor-very-relaxed-grid-width: calc($large-monitor-width + $very-relaxed-grid-gutter-width);

data/app/assets/stylesheets/semantic-ui/elements/_divider.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Divider
+ * # Semantic UI 2.4.2 - Divider
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -114,7 +114,7 @@
 }
 
 /* Inside grid */
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.stackable.grid .ui.vertical.divider,
   .ui.grid .stackable.row .ui.vertical.divider {
     display: table;
@@ -244,7 +244,7 @@
 .ui.horizontal.divider:after {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: $largest-mobile-screen) {
   .ui.stackable.grid .ui.vertical.divider:before,
   .ui.grid .stackable.row .ui.vertical.divider:before,
   .ui.stackable.grid .ui.vertical.divider:after,

data/app/assets/stylesheets/semantic-ui/elements/_flag.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Flag
+ * # Semantic UI 2.4.2 - Flag
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -349,6 +349,7 @@ i.flag.gabon:before {
   background-position: -36px 0px;
 }
 i.flag.gb:before,
+i.flag.uk:before,
 i.flag.united.kingdom:before {
   background-position: -36px -26px;
 }

data/app/assets/stylesheets/semantic-ui/elements/_header.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Header
+ * # Semantic UI 2.4.2 - Header
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Icon
+ * # Semantic UI 2.4.2 - Icon
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -539,6 +539,29 @@ for instance `lemon icon` not `lemon outline icon` since there is only one lemon
 *******************************/
 
 
+/* Deprecated *In/Out Naming Conflict) */
+i.icon.linkedin.in:before {
+  content: "\f0e1";
+}
+i.icon.zoom.in:before {
+  content: "\f00e";
+}
+i.icon.zoom.out:before {
+  content: "\f010";
+}
+i.icon.sign.in:before {
+  content: "\f2f6";
+}
+i.icon.in.cart:before {
+  content: "\f218";
+}
+i.icon.log.out:before {
+  content: "\f2f5";
+}
+i.icon.sign.out:before {
+  content: "\f2f5";
+}
+
 /* Icons */
 i.icon.\35 00px:before {
   content: "\f26e";
@@ -1863,7 +1886,7 @@ i.icon.linkify:before {
 i.icon.linkedin:before {
   content: "\f08c";
 }
-i.icon.linkedin.in:before {
+i.icon.linkedin.alt:before {
   content: "\f0e1";
 }
 i.icon.linode:before {
@@ -2424,15 +2447,9 @@ i.icon.shopping.cart:before {
 i.icon.shower:before {
   content: "\f2cc";
 }
-i.icon.sign.in.alternate:before {
-  content: "\f2f6";
-}
 i.icon.sign.language:before {
   content: "\f2a7";
 }
-i.icon.sign.out.alternate:before {
-  content: "\f2f5";
-}
 i.icon.signal:before {
   content: "\f012";
 }
@@ -3416,7 +3433,7 @@ i.icon.idea:before {
 i.icon.ils:before {
   content: "\f20b";
 }
-i.icon.in.cart:before {
+i.icon.in-cart:before {
   content: "\f218";
 }
 i.icon.inr:before {
@@ -3908,10 +3925,10 @@ i.icon.yen:before {
 i.icon.zip:before {
   content: "\f187";
 }
-i.icon.zoom.in:before {
+i.icon.zoom-in:before {
   content: "\f00e";
 }
-i.icon.zoom.out:before {
+i.icon.zoom-out:before {
   content: "\f010";
 }
 i.icon.zoom:before {
@@ -3980,7 +3997,7 @@ i.icon.level.down:before {
 i.icon.level.up:before {
   content: "\f3bf";
 }
-i.icon.log.out:before {
+i.icon.logout:before {
   content: "\f2f5";
 }
 i.icon.meanpath:before {
@@ -4010,10 +4027,10 @@ i.icon.resize.horizontal:before {
 i.icon.resize.vertical:before {
   content: "\f338";
 }
-i.icon.sign.in:before {
+i.icon.sign-in:before {
   content: "\f2f6";
 }
-i.icon.sign.out:before {
+i.icon.sign-out:before {
   content: "\f2f5";
 }
 i.icon.spoon:before {
@@ -4410,11 +4427,11 @@ i.icon.window.minimize.outline:before {
 i.icon.window.restore.outline:before {
   content: "\f2d2";
 }
-i.icon.disk.outline:before {
-  content: "\f369";
-}
 
 /* Outline Aliases */
+i.icon.disk.outline:before {
+  content: "\f0a0";
+}
 i.icon.heart.empty,
 i.icon.star.empty {
   font-family: 'outline-icons';
@@ -4619,6 +4636,7 @@ i.icon.leanpub,
 i.icon.less,
 i.icon.linechat,
 i.icon.linkedin,
+i.icon.linkedin.alternate,
 i.icon.linkedin.in,
 i.icon.linode,
 i.icon.linux,
@@ -4752,6 +4770,7 @@ i.icon.vine,
 i.icon.vk,
 i.icon.vnv,
 i.icon.vuejs,
+i.icon.wechat,
 i.icon.weibo,
 i.icon.weixin,
 i.icon.whatsapp,

data/app/assets/stylesheets/semantic-ui/elements/_image.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Image
+ * # Semantic UI 2.4.2 - Image
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Input
+ * # Semantic UI 2.4.2 - Input
  * http://github.com/semantic-org/semantic-ui/
  *
  *

data/app/assets/stylesheets/semantic-ui/elements/_label.scss

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.3.1 - Label
+ * # Semantic UI 2.4.2 - Label
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -316,15 +316,15 @@ a.ui.label {
 
 /* Positioning */
 .ui.ribbon.label {
-  left: calc( -1rem  -  1.2em );
+  left: calc(-1rem - 1.2em);
   margin-right: -1.2em;
-  padding-left: calc( 1rem  +  1.2em );
+  padding-left: calc(1rem + 1.2em);
   padding-right: 1.2em;
 }
 .ui[class*="right ribbon"].label {
-  left: calc(100% +  1rem  +  1.2em );
+  left: calc(100% + 1rem + 1.2em);
   padding-left: 1.2em;
-  padding-right: calc( 1rem  +  1.2em );
+  padding-right: calc(1rem + 1.2em);
 }
 
 /* Right Ribbon */
@@ -351,20 +351,20 @@ a.ui.label {
 }
 .ui.card .image > .ui.ribbon.label,
 .ui.image > .ui.ribbon.label {
-  left: calc( 0.05rem  -  1.2em );
+  left: calc(--0.05rem - 1.2em);
 }
 .ui.card .image > .ui[class*="right ribbon"].label,
 .ui.image > .ui[class*="right ribbon"].label {
-  left: calc(100% +  -0.05rem  +  1.2em );
+  left: calc(100% + -0.05rem + 1.2em);
   padding-left: 0.833em;
 }
 
 /* Inside Table */
 .ui.table td > .ui.ribbon.label {
-  left: calc( -0.78571429em  -  1.2em );
+  left: calc(-0.78571429em - 1.2em);
 }
 .ui.table td > .ui[class*="right ribbon"].label {
-  left: calc(100% +  0.78571429em  +  1.2em );
+  left: calc(100% + 0.78571429em + 1.2em);
   padding-left: 0.833em;
 }
 
@@ -536,7 +536,7 @@ a.ui.red.label:hover {
 
 /* Basic */
 .ui.basic.red.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #DB2828 !important;
   border-color: #DB2828 !important;
 }
@@ -577,7 +577,7 @@ a.ui.orange.label:hover {
 
 /* Basic */
 .ui.basic.orange.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #F2711C !important;
   border-color: #F2711C !important;
 }
@@ -618,7 +618,7 @@ a.ui.yellow.label:hover {
 
 /* Basic */
 .ui.basic.yellow.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #FBBD08 !important;
   border-color: #FBBD08 !important;
 }
@@ -659,7 +659,7 @@ a.ui.olive.label:hover {
 
 /* Basic */
 .ui.basic.olive.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #B5CC18 !important;
   border-color: #B5CC18 !important;
 }
@@ -700,7 +700,7 @@ a.ui.green.label:hover {
 
 /* Basic */
 .ui.basic.green.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #21BA45 !important;
   border-color: #21BA45 !important;
 }
@@ -741,7 +741,7 @@ a.ui.teal.label:hover {
 
 /* Basic */
 .ui.basic.teal.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #00B5AD !important;
   border-color: #00B5AD !important;
 }
@@ -782,7 +782,7 @@ a.ui.blue.label:hover {
 
 /* Basic */
 .ui.basic.blue.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #2185D0 !important;
   border-color: #2185D0 !important;
 }
@@ -823,7 +823,7 @@ a.ui.violet.label:hover {
 
 /* Basic */
 .ui.basic.violet.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #6435C9 !important;
   border-color: #6435C9 !important;
 }
@@ -864,7 +864,7 @@ a.ui.purple.label:hover {
 
 /* Basic */
 .ui.basic.purple.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #A333C8 !important;
   border-color: #A333C8 !important;
 }
@@ -905,7 +905,7 @@ a.ui.pink.label:hover {
 
 /* Basic */
 .ui.basic.pink.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #E03997 !important;
   border-color: #E03997 !important;
 }
@@ -946,7 +946,7 @@ a.ui.brown.label:hover {
 
 /* Basic */
 .ui.basic.brown.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #A5673F !important;
   border-color: #A5673F !important;
 }
@@ -987,7 +987,7 @@ a.ui.grey.label:hover {
 
 /* Basic */
 .ui.basic.grey.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #767676 !important;
   border-color: #767676 !important;
 }
@@ -1028,7 +1028,7 @@ a.ui.black.label:hover {
 
 /* Basic */
 .ui.basic.black.label {
-  background-color: #FFFFFF !important;
+  background: none #FFFFFF !important;
   color: #1B1C1D !important;
   border-color: #1B1C1D !important;
 }