semantic-ui-sass 1.12.3.0 → 2.0.4.0

data/app/assets/stylesheets/semantic-ui/modules/_nag.scss

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Nag
+ * # Semantic UI 2.0.4 - Nag
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -29,8 +29,8 @@
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
   font-size: 1rem;
   text-align: center;
-  color: rgba(0, 0, 0, 0.8);
-  border-radius: 0em 0em 0.2857rem 0.2857rem;
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
   -webkit-transition: 0.2s background ease;
           transition: 0.2s background ease;
 }
@@ -99,7 +99,7 @@ a.ui.nag {
 
 .ui.bottom.nags,
 .ui.bottom.nag {
-  border-radius: 0.2857rem 0.2857rem 0em 0em;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
   top: auto;
   bottom: 0em;
 }
@@ -110,7 +110,7 @@ a.ui.nag {
 
 .ui.inverted.nags .nag,
 .ui.inverted.nag {
-  background-color: #f0f0f0;
+  background-color: #f3f4f5;
   color: rgba(0, 0, 0, 0.85);
 }
 .ui.inverted.nags .nag .close,
@@ -129,10 +129,10 @@ a.ui.nag {
   border-radius: 0em !important;
 }
 .ui.nags .nag:last-child {
-  border-radius: 0em 0em 0.2857rem 0.2857rem;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 .ui.bottom.nags .nag:last-child {
-  border-radius: 0.2857rem 0.2857rem 0em 0em;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
 }
 
 

data/app/assets/stylesheets/semantic-ui/modules/_popup.scss

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Popup
+ * # Semantic UI 2.0.4 - Popup
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -19,16 +19,22 @@
   position: absolute;
   top: 0px;
   right: 0px;
+  
+/* Fixes content being squished when inline (moz only) */
+  min-width: -webkit-min-content;
+  min-width: -moz-min-content;
+  min-width: min-content;
   z-index: 1900;
-  border: 1px solid #cccccc;
+  border: 1px solid #d4d4d5;
+  line-height: 1.4285em;
   max-width: 250px;
   background-color: #ffffff;
   padding: 0.833em 1em;
   font-weight: normal;
   font-style: normal;
-  color: rgba(0, 0, 0, 0.8);
-  border-radius: 0.2857rem;
-  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.87);
+  border-radius: 0.28571429rem;
+  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.08);
 }
 .ui.popup > .header {
   padding: 0em;
@@ -50,7 +56,7 @@
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 2;
-  box-shadow: 1px 1px 0px 0px #b3b3b3;
+  box-shadow: 1px 1px 0px 0px #bababc;
 }
 
 
@@ -66,17 +72,59 @@
 .ui.popup {
   margin: 0em;
 }
-.ui.popup.bottom {
-  margin: 0.75em 0em 0em;
-}
-.ui.popup.top {
+
+/* Extending from Top */
+.ui.top.popup {
   margin: 0em 0em 0.75em;
 }
-.ui.popup.left.center {
+.ui.top.left.popup {
+  -webkit-transform-origin: left bottom;
+      -ms-transform-origin: left bottom;
+          transform-origin: left bottom;
+}
+.ui.top.center.popup {
+  -webkit-transform-origin: center bottom;
+      -ms-transform-origin: center bottom;
+          transform-origin: center bottom;
+}
+.ui.top.right.popup {
+  -webkit-transform-origin: right bottom;
+      -ms-transform-origin: right bottom;
+          transform-origin: right bottom;
+}
+
+/* Extending from Vertical Center */
+.ui.left.center.popup {
   margin: 0em 0.75em 0em 0em;
+  -webkit-transform-origin: right 50%;
+      -ms-transform-origin: right 50%;
+          transform-origin: right 50%;
 }
-.ui.popup.right.center {
+.ui.right.center.popup {
   margin: 0em 0em 0em 0.75em;
+  -webkit-transform-origin: left 50%;
+      -ms-transform-origin: left 50%;
+          transform-origin: left 50%;
+}
+
+/* Extending from Bottom */
+.ui.bottom.popup {
+  margin: 0.75em 0em 0em;
+}
+.ui.bottom.left.popup {
+  -webkit-transform-origin: left top;
+      -ms-transform-origin: left top;
+          transform-origin: left top;
+}
+.ui.bottom.center.popup {
+  -webkit-transform-origin: center top;
+      -ms-transform-origin: center top;
+          transform-origin: center top;
+}
+.ui.bottom.right.popup {
+  -webkit-transform-origin: right top;
+      -ms-transform-origin: right top;
+          transform-origin: right top;
 }
 
 /*--------------
@@ -92,7 +140,7 @@
   left: 50%;
   right: auto;
   bottom: auto;
-  box-shadow: -1px -1px 0px 0px #b3b3b3;
+  box-shadow: -1px -1px 0px 0px #bababc;
 }
 .ui.bottom.left.popup {
   margin-left: 0em;
@@ -103,7 +151,7 @@
   right: auto;
   bottom: auto;
   margin-left: 0em;
-  box-shadow: -1px -1px 0px 0px #b3b3b3;
+  box-shadow: -1px -1px 0px 0px #bababc;
 }
 .ui.bottom.right.popup {
   margin-right: 0em;
@@ -114,7 +162,7 @@
   bottom: auto;
   left: auto;
   margin-left: 0em;
-  box-shadow: -1px -1px 0px 0px #b3b3b3;
+  box-shadow: -1px -1px 0px 0px #bababc;
 }
 
 /*--- Above ---*/
@@ -155,7 +203,7 @@
   bottom: auto;
   left: auto;
   margin-top: -0.325em;
-  box-shadow: 1px -1px 0px 0px #b3b3b3;
+  box-shadow: 1px -1px 0px 0px #bababc;
 }
 
 /*--- Right Center  ---*/
@@ -166,7 +214,7 @@
   bottom: auto;
   right: auto;
   margin-top: -0.325em;
-  box-shadow: -1px 1px 0px 0px #b3b3b3;
+  box-shadow: -1px 1px 0px 0px #bababc;
 }
 
 
@@ -177,7 +225,6 @@
 
 /* Immediate Nested Grid */
 .ui.popup > .ui.grid:not(.padded) {
-  width: -webkit-calc(100% + 1.75rem);
   width: calc(100% + 1.75rem);
   margin: -0.7rem -0.875rem;
 }
@@ -196,6 +243,12 @@
 .ui.visible.popup {
   display: block;
 }
+.ui.visible.popup {
+  -webkit-transform: translateZ(0px);
+          transform: translateZ(0px);
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
 
 
 /*******************************
@@ -221,6 +274,12 @@
 .ui[class*="very wide"].popup {
   max-width: 550px;
 }
+@media only screen and (max-width: 767px) {
+  .ui.wide.popup,
+  .ui[class*="very wide"].popup {
+    max-width: 250px;
+  }
+}
 
 /*--------------
      Fluid
@@ -264,17 +323,23 @@
      Sizes
 ---------------*/
 
+.ui.mini.popup {
+  font-size: 0.71428571rem;
+}
+.ui.tiny.popup {
+  font-size: 0.85714286rem;
+}
 .ui.small.popup {
-  font-size: 0.785714rem;
+  font-size: 0.92857143rem;
 }
 .ui.popup {
-  font-size: 0.85714rem;
+  font-size: 1rem;
 }
 .ui.large.popup {
-  font-size: 1rem;
+  font-size: 1.14285714rem;
 }
 .ui.huge.popup {
-  font-size: 1.14285rem;
+  font-size: 1.42857143rem;
 }
 
 

data/app/assets/stylesheets/semantic-ui/modules/_progress.scss

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Progress Bar
+ * # Semantic UI 2.0.4 - Progress Bar
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -18,12 +18,12 @@
   position: relative;
   display: block;
   max-width: 100%;
-  border: 1px solid rgba(39, 41, 43, 0.15);
+  border: none;
   margin: 1em 0em 2.5em;
   box-shadow: none;
-  background: rgba(0, 0, 0, 0.03);
-  padding: 0.2857em;
-  border-radius: 0.2857rem;
+  background: rgba(0, 0, 0, 0.1);
+  padding: 0em;
+  border-radius: 0.28571429rem;
 }
 .ui.progress:first-child {
   margin: 0em 0em 2.5em;
@@ -32,64 +32,124 @@
   margin: 0em 0em 1.5em;
 }
 
+
+/*******************************
+            Content
+*******************************/
+
+
+/* Activity Bar */
+.ui.progress .bar {
+  display: block;
+  line-height: 1;
+  position: relative;
+  width: 0%;
+  min-width: 2em;
+  background: #888888;
+  border-radius: 0.28571429rem;
+  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
+          transition: width 0.1s ease, background-color 0.1s ease;
+}
+
+/* Percent Complete */
+.ui.progress .bar > .progress {
+  white-space: nowrap;
+  position: absolute;
+  width: auto;
+  font-size: 0.92857143em;
+  top: 50%;
+  right: 0.5em;
+  left: auto;
+  bottom: auto;
+  color: rgba(255, 255, 255, 0.7);
+  text-shadow: none;
+  margin-top: -0.5em;
+  font-weight: bold;
+  text-align: left;
+}
+
+/* Label */
+.ui.progress > .label {
+  position: absolute;
+  width: 100%;
+  font-size: 1em;
+  top: 100%;
+  right: auto;
+  left: 0%;
+  bottom: auto;
+  color: rgba(0, 0, 0, 0.87);
+  font-weight: bold;
+  text-shadow: none;
+  margin-top: 0.2em;
+  text-align: center;
+  -webkit-transition: color 0.4s ease;
+          transition: color 0.4s ease;
+}
+
+
+/*******************************
+            Types
+*******************************/
+
+
 /* Indicating */
-.ui.indicating.progress .bar[style*="width: 1"],
-.ui.indicating.progress .bar[style*="width: 2"] {
+.ui.indicating.progress[data-percent^="1"] .bar,
+.ui.indicating.progress[data-percent^="2"] .bar {
   background-color: #d95c5c;
 }
-.ui.indicating.progress .bar[style*="width: 3"] {
-  background-color: #d9a65c;
+.ui.indicating.progress[data-percent^="3"] .bar {
+  background-color: #efbc72;
 }
-.ui.indicating.progress .bar[style*="width: 4"],
-.ui.indicating.progress .bar[style*="width: 5"] {
+.ui.indicating.progress[data-percent^="4"] .bar,
+.ui.indicating.progress[data-percent^="5"] .bar {
   background-color: #e6bb48;
 }
-.ui.indicating.progress .bar[style*="width: 6"] {
+.ui.indicating.progress[data-percent^="6"] .bar {
   background-color: #ddc928;
 }
-.ui.indicating.progress .bar[style*="width: 7"],
-.ui.indicating.progress .bar[style*="width: 8"] {
+.ui.indicating.progress[data-percent^="7"] .bar,
+.ui.indicating.progress[data-percent^="8"] .bar {
   background-color: #b4d95c;
 }
-.ui.indicating.progress .bar[style*="width: 9"],
-.ui.indicating.progress .bar[style*="width: 100"] {
+.ui.indicating.progress[data-percent^="9"] .bar,
+.ui.indicating.progress[data-percent^="100"] .bar {
   background-color: #66da81;
 }
 
 /* Indicating Label */
 .ui.indicating.progress[data-percent^="1"] .label,
 .ui.indicating.progress[data-percent^="2"] .label {
-  color: #d95c5c;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.indicating.progress[data-percent^="3"] .label {
-  color: #d9a65c;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.indicating.progress[data-percent^="4"] .label,
 .ui.indicating.progress[data-percent^="5"] .label {
-  color: #e6bb48;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.indicating.progress[data-percent^="6"] .label {
-  color: #ddc928;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.indicating.progress[data-percent^="7"] .label,
 .ui.indicating.progress[data-percent^="8"] .label {
-  color: #b4d95c;
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.indicating.progress[data-percent^="9"] .label,
 .ui.indicating.progress[data-percent^="100"] .label {
-  color: #66da81;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 /* Single Digits */
-.ui.indicating.progress .bar[style^="width: 1%"],
-.ui.indicating.progress .bar[style^="width: 2%"],
-.ui.indicating.progress .bar[style^="width: 3%"],
-.ui.indicating.progress .bar[style^="width: 4%"],
-.ui.indicating.progress .bar[style^="width: 5%"],
-.ui.indicating.progress .bar[style^="width: 6%"],
-.ui.indicating.progress .bar[style^="width: 7%"],
-.ui.indicating.progress .bar[style^="width: 8%"],
-.ui.indicating.progress .bar[style^="width: 9%"] {
+.ui.indicating.progress[data-percent="1"] .bar,
+.ui.indicating.progress[data-percent="2"] .bar,
+.ui.indicating.progress[data-percent="3"] .bar,
+.ui.indicating.progress[data-percent="4"] .bar,
+.ui.indicating.progress[data-percent="5"] .bar,
+.ui.indicating.progress[data-percent="6"] .bar,
+.ui.indicating.progress[data-percent="7"] .bar,
+.ui.indicating.progress[data-percent="8"] .bar,
+.ui.indicating.progress[data-percent="9"] .bar {
   background-color: #d95c5c;
 }
 .ui.indicating.progress[data-percent="1"] .label,
@@ -101,66 +161,12 @@
 .ui.indicating.progress[data-percent="7"] .label,
 .ui.indicating.progress[data-percent="8"] .label,
 .ui.indicating.progress[data-percent="9"] .label {
-  color: #d95c5c;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 /* Indicating Success */
 .ui.indicating.progress.success .label {
-  color: #356e36;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-
-/* Activity Bar */
-.ui.progress .bar {
-  display: block;
-  line-height: 1;
-  position: relative;
-  width: 0%;
-  min-width: 2em;
-  background: #888888;
-  border-radius: 0.2857rem;
-  -webkit-transition: width 0.3s ease, background-color 0.3s ease;
-          transition: width 0.3s ease, background-color 0.3s ease;
-}
-
-/* Percent Complete */
-.ui.progress .bar > .progress {
-  white-space: nowrap;
-  position: absolute;
-  width: auto;
-  font-size: 0.9em;
-  top: 50%;
-  right: 0.5em;
-  left: auto;
-  bottom: auto;
-  color: rgba(255, 255, 255, 0.8);
-  text-shadow: none;
-  margin-top: -0.5em;
-  font-weight: bold;
-  text-align: left;
-}
-
-/* Label */
-.ui.progress > .label {
-  position: absolute;
-  width: 100%;
-  font-size: 1em;
-  top: 100%;
-  right: auto;
-  left: 0%;
-  bottom: auto;
-  color: rgba(0, 0, 0, 0.8);
-  font-weight: bold;
-  text-shadow: none;
-  margin-top: 0.2em;
-  text-align: center;
-  -webkit-transition: color 0.4s ease;
-          transition: color 0.4s ease;
+  color: #1a531b;
 }
 
 
@@ -174,7 +180,7 @@
 ---------------*/
 
 .ui.progress.success .bar {
-  background-color: #5bbd72 !important;
+  background-color: #21ba45 !important;
 }
 .ui.progress.success .bar,
 .ui.progress.success .bar::after {
@@ -182,7 +188,7 @@
           animation: none !important;
 }
 .ui.progress.success > .label {
-  color: #356e36;
+  color: #1a531b;
 }
 
 /*--------------
@@ -198,7 +204,7 @@
           animation: none !important;
 }
 .ui.progress.warning > .label {
-  color: #825c01;
+  color: #794b02;
 }
 
 /*--------------
@@ -206,7 +212,7 @@
 ---------------*/
 
 .ui.progress.error .bar {
-  background-color: #d95c5c !important;
+  background-color: #db2828 !important;
 }
 .ui.progress.error .bar,
 .ui.progress.error .bar::after {
@@ -234,7 +240,7 @@
   right: 0px;
   bottom: 0px;
   background: #ffffff;
-  border-radius: 0.2857rem;
+  border-radius: 0.28571429rem;
   -webkit-animation: progress-active 2s ease infinite;
           animation: progress-active 2s ease infinite;
 }
@@ -283,26 +289,26 @@
 ---------------*/
 
 .ui.inverted.progress {
-  background: rgba(255, 255, 255, 0.05);
+  background: rgba(255, 255, 255, 0.08);
   border: none;
 }
 .ui.inverted.progress .bar {
   background: #888888;
 }
 .ui.inverted.progress .bar > .progress {
-  color: #fafafa;
+  color: #f9fafb;
 }
 .ui.inverted.progress > .label {
   color: #ffffff;
 }
 .ui.inverted.progress.success > .label {
-  color: #5bbd72;
+  color: #21ba45;
 }
 .ui.inverted.progress.warning > .label {
   color: #f2c037;
 }
 .ui.inverted.progress.error > .label {
-  color: #d95c5c;
+  color: #db2828;
 }
 
 /*--------------
@@ -323,7 +329,7 @@
   height: 0.2rem;
   padding: 0px;
   overflow: hidden;
-  border-radius: 0em 0em 0.2857rem 0.2857rem;
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
 }
 .ui.progress.attached .bar {
   border-radius: 0em;
@@ -333,7 +339,7 @@
 .ui.progress.top.attached,
 .ui.progress.top.attached .bar {
   top: 0px;
-  border-radius: 0.2857rem 0.2857rem 0em 0em;
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
 }
 .ui.progress.top.attached .bar {
   border-radius: 0em;
@@ -358,59 +364,109 @@
      Colors
 ---------------*/
 
-.ui.black.progress .bar {
-  background-color: #1b1c1d;
-}
-.ui.blue.progress .bar {
-  background-color: #3b83c0;
+
+/* Red */
+.ui.red.progress .bar {
+  background-color: #db2828;
 }
-.ui.green.progress .bar {
-  background-color: #5bbd72;
+.ui.red.inverted.progress .bar {
+  background-color: #ff695e;
 }
+
+/* Orange */
 .ui.orange.progress .bar {
-  background-color: #e07b53;
+  background-color: #f2711c;
 }
-.ui.pink.progress .bar {
-  background-color: #d9499a;
+.ui.orange.inverted.progress .bar {
+  background-color: #ff851b;
 }
-.ui.purple.progress .bar {
-  background-color: #564f8a;
+
+/* Yellow */
+.ui.yellow.progress .bar {
+  background-color: #fbbd08;
 }
-.ui.red.progress .bar {
-  background-color: #d95c5c;
+.ui.yellow.inverted.progress .bar {
+  background-color: #ffe21f;
+}
+
+/* Olive */
+.ui.olive.progress .bar {
+  background-color: #b5cc18;
+}
+.ui.olive.inverted.progress .bar {
+  background-color: #d9e778;
 }
+
+/* Green */
+.ui.green.progress .bar {
+  background-color: #21ba45;
+}
+.ui.green.inverted.progress .bar {
+  background-color: #2ecc40;
+}
+
+/* Teal */
 .ui.teal.progress .bar {
   background-color: #00b5ad;
 }
-.ui.yellow.progress .bar {
-  background-color: #f2c61f;
+.ui.teal.inverted.progress .bar {
+  background-color: #6dffff;
 }
-.ui.black.inverted.progress .bar {
-  background-color: #333333;
+
+/* Blue */
+.ui.blue.progress .bar {
+  background-color: #2185d0;
 }
 .ui.blue.inverted.progress .bar {
   background-color: #54c8ff;
 }
-.ui.green.inverted.progress .bar {
-  background-color: #2ecc40;
+
+/* Violet */
+.ui.violet.progress .bar {
+  background-color: #6435c9;
 }
-.ui.orange.inverted.progress .bar {
-  background-color: #ff851b;
+.ui.violet.inverted.progress .bar {
+  background-color: #a291fb;
+}
+
+/* Purple */
+.ui.purple.progress .bar {
+  background-color: #a333c8;
+}
+.ui.purple.inverted.progress .bar {
+  background-color: #dc73ff;
+}
+
+/* Pink */
+.ui.pink.progress .bar {
+  background-color: #e03997;
 }
 .ui.pink.inverted.progress .bar {
   background-color: #ff8edf;
 }
-.ui.purple.inverted.progress .bar {
-  background-color: #cdc6ff;
+
+/* Brown */
+.ui.brown.progress .bar {
+  background-color: #a5673f;
 }
-.ui.red.inverted.progress .bar {
-  background-color: #ff695e;
+.ui.brown.inverted.progress .bar {
+  background-color: #d67c1c;
 }
-.ui.teal.inverted.progress .bar {
-  background-color: #6dffff;
+
+/* Grey */
+.ui.grey.progress .bar {
+  background-color: #767676;
 }
-.ui.yellow.inverted.progress .bar {
-  background-color: #ffe21f;
+.ui.grey.inverted.progress .bar {
+  background-color: #dcddde;
+}
+
+/* Black */
+.ui.black.progress .bar {
+  background-color: #1b1c1d;
+}
+.ui.black.inverted.progress .bar {
+  background-color: #545454;
 }
 
 /*--------------