fomantic-ui-sass 2.6.4 → 2.7.0

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

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - Popup
+ * # Semantic UI 2.7.0 - Popup
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -16,8 +16,8 @@
 .ui.popup {
   display: none;
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 0;
+  right: 0;
   
 /* Fixes content being squished when inline (moz only) */
   min-width: -webkit-min-content;
@@ -33,11 +33,11 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-          box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 .ui.popup > .header {
-  padding: 0em;
+  padding: 0;
   font-family: $font-family;
   font-size: 1.14285714em;
   line-height: 1.2;
@@ -55,8 +55,8 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 2;
-  -webkit-box-shadow: 1px 1px 0px 0px #bababc;
-          box-shadow: 1px 1px 0px 0px #bababc;
+  -webkit-box-shadow: 1px 1px 0 0 #bababc;
+          box-shadow: 1px 1px 0 0 #bababc;
 }
 
 
@@ -87,8 +87,8 @@
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
   z-index: 2;
-  -webkit-box-shadow: 1px 1px 0px 0px #bababc;
-          box-shadow: 1px 1px 0px 0px #bababc;
+  -webkit-box-shadow: 1px 1px 0 0 #bababc;
+          box-shadow: 1px 1px 0 0 #bababc;
 }
 
 /* Popup */
@@ -109,8 +109,8 @@
   font-style: normal;
   color: rgba(0, 0, 0, 0.87);
   border-radius: 0.28571429rem;
-  -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-          box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
+  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
   z-index: 1;
 }
 
@@ -227,7 +227,7 @@
           box-shadow: none;
 }
 [data-tooltip][data-inverted]:after .header {
-  background-color: none;
+  background: none;
   color: #FFFFFF;
 }
 
@@ -372,18 +372,18 @@
 /* Arrow */
 [data-position~="bottom"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: -1px -1px 0px 0px #bababc;
-          box-shadow: -1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-position="left center"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: 1px -1px 0px 0px #bababc;
-          box-shadow: 1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-position="right center"][data-tooltip]:before {
   background: #FFFFFF;
-  -webkit-box-shadow: -1px 1px 0px 0px #bababc;
-          box-shadow: -1px 1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-position~="top"][data-tooltip]:before {
   background: #FFFFFF;
@@ -392,18 +392,18 @@
 /* Inverted Arrow Color */
 [data-inverted][data-position~="bottom"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: -1px -1px 0px 0px #bababc;
-          box-shadow: -1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="left center"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: 1px -1px 0px 0px #bababc;
-          box-shadow: 1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 [data-inverted][data-position="right center"][data-tooltip]:before {
   background: #1B1C1D;
-  -webkit-box-shadow: -1px 1px 0px 0px #bababc;
-          box-shadow: -1px 1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 [data-inverted][data-position~="top"][data-tooltip]:before {
   background: #1B1C1D;
@@ -475,12 +475,12 @@
 ---------------*/
 
 .ui.popup {
-  margin: 0em;
+  margin: 0;
 }
 
 /* Extending from Top */
 .ui.top.popup {
-  margin: 0em 0em 0.71428571em;
+  margin: 0 0 0.71428571em;
 }
 .ui.top.left.popup {
   -webkit-transform-origin: left bottom;
@@ -497,19 +497,19 @@
 
 /* Extending from Vertical Center */
 .ui.left.center.popup {
-  margin: 0em 0.71428571em 0em 0em;
+  margin: 0 0.71428571em 0 0;
   -webkit-transform-origin: right 50%;
           transform-origin: right 50%;
 }
 .ui.right.center.popup {
-  margin: 0em 0em 0em 0.71428571em;
+  margin: 0 0 0 0.71428571em;
   -webkit-transform-origin: left 50%;
           transform-origin: left 50%;
 }
 
 /* Extending from Bottom */
 .ui.bottom.popup {
-  margin: 0.71428571em 0em 0em;
+  margin: 0.71428571em 0 0;
 }
 .ui.bottom.left.popup {
   -webkit-transform-origin: left top;
@@ -537,11 +537,11 @@
   left: 50%;
   right: auto;
   bottom: auto;
-  -webkit-box-shadow: -1px -1px 0px 0px #bababc;
-          box-shadow: -1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.left.popup {
-  margin-left: 0em;
+  margin-left: 0;
 }
 /*rtl:rename*/
 .ui.bottom.left.popup:before {
@@ -549,12 +549,12 @@
   left: 1em;
   right: auto;
   bottom: auto;
-  margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 0px 0px #bababc;
-          box-shadow: -1px -1px 0px 0px #bababc;
+  margin-left: 0;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 .ui.bottom.right.popup {
-  margin-right: 0em;
+  margin-right: 0;
 }
 /*rtl:rename*/
 .ui.bottom.right.popup:before {
@@ -562,9 +562,9 @@
   right: 1em;
   bottom: auto;
   left: auto;
-  margin-left: 0em;
-  -webkit-box-shadow: -1px -1px 0px 0px #bababc;
-          box-shadow: -1px -1px 0px 0px #bababc;
+  margin-left: 0;
+  -webkit-box-shadow: -1px -1px 0 0 #bababc;
+          box-shadow: -1px -1px 0 0 #bababc;
 }
 
 /*--- Above ---*/
@@ -577,7 +577,7 @@
   margin-left: -0.30714286em;
 }
 .ui.top.left.popup {
-  margin-left: 0em;
+  margin-left: 0;
 }
 /*rtl:rename*/
 .ui.top.left.popup:before {
@@ -585,10 +585,10 @@
   left: 1em;
   top: auto;
   right: auto;
-  margin-left: 0em;
+  margin-left: 0;
 }
 .ui.top.right.popup {
-  margin-right: 0em;
+  margin-right: 0;
 }
 /*rtl:rename*/
 .ui.top.right.popup:before {
@@ -596,7 +596,7 @@
   right: 1em;
   top: auto;
   left: auto;
-  margin-left: 0em;
+  margin-left: 0;
 }
 
 /*--- Left Center ---*/
@@ -608,8 +608,8 @@
   bottom: auto;
   left: auto;
   margin-top: -0.30714286em;
-  -webkit-box-shadow: 1px -1px 0px 0px #bababc;
-          box-shadow: 1px -1px 0px 0px #bababc;
+  -webkit-box-shadow: 1px -1px 0 0 #bababc;
+          box-shadow: 1px -1px 0 0 #bababc;
 }
 
 /*--- Right Center  ---*/
@@ -621,8 +621,8 @@
   bottom: auto;
   right: auto;
   margin-top: -0.30714286em;
-  -webkit-box-shadow: -1px 1px 0px 0px #bababc;
-          box-shadow: -1px 1px 0px 0px #bababc;
+  -webkit-box-shadow: -1px 1px 0 0 #bababc;
+          box-shadow: -1px 1px 0 0 #bababc;
 }
 
 /* Arrow Color By Location */
@@ -676,8 +676,8 @@
   display: block;
 }
 .ui.visible.popup {
-  -webkit-transform: translateZ(0px);
-          transform: translateZ(0px);
+  -webkit-transform: translateZ(0);
+          transform: translateZ(0);
   -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
 }

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

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.6.4 - Progress Bar
+ * # Semantic UI 2.7.0 - Progress Bar
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -18,18 +18,18 @@
   display: block;
   max-width: 100%;
   border: none;
-  margin: 1em 0em 2.5em;
+  margin: 1em 0 2.5em;
   -webkit-box-shadow: none;
           box-shadow: none;
   background: rgba(0, 0, 0, 0.1);
-  padding: 0em;
+  padding: 0;
   border-radius: 0.28571429rem;
 }
 .ui.progress:first-child {
-  margin: 0em 0em 2.5em;
+  margin: 0 0 2.5em;
 }
 .ui.progress:last-child {
-  margin: 0em 0em 1.5em;
+  margin: 0 0 1.5em;
 }
 
 
@@ -43,7 +43,7 @@
   display: block;
   line-height: 1;
   position: relative;
-  width: 0%;
+  width: 0;
   min-width: 2em;
   background: #888888;
   border-radius: 0.28571429rem;
@@ -75,7 +75,7 @@
   font-size: 1em;
   top: 100%;
   right: auto;
-  left: 0%;
+  left: 0;
   bottom: auto;
   color: rgba(0, 0, 0, 0.87);
   font-weight: bold;
@@ -235,10 +235,10 @@
   content: '';
   opacity: 0;
   position: absolute;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   background: #FFFFFF;
   border-radius: 0.28571429rem;
   -webkit-animation: progress-active 2s ease infinite;
@@ -327,28 +327,28 @@
   background: transparent;
   position: relative;
   border: none;
-  margin: 0em;
+  margin: 0;
 }
 .ui.progress.attached,
 .ui.progress.attached .bar {
   display: block;
   height: 0.2rem;
-  padding: 0px;
+  padding: 0;
   overflow: hidden;
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+  border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 .ui.progress.attached .bar {
-  border-radius: 0em;
+  border-radius: 0;
 }
 
 /* top attached */
 .ui.progress.top.attached,
 .ui.progress.top.attached .bar {
-  top: 0px;
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+  top: 0;
+  border-radius: 0.28571429rem 0.28571429rem 0 0;
 }
 .ui.progress.top.attached .bar {
-  border-radius: 0em;
+  border-radius: 0;
 }
 
 /* Coupling */
@@ -370,104 +370,90 @@
      Colors
 ---------------*/
 
-
-/* Red */
+.ui.primary.progress .bar {
+  background-color: #2185D0;
+}
+.ui.primary.inverted.progress .bar {
+  background-color: #54C8FF;
+}
+.ui.secondary.progress .bar {
+  background-color: #1B1C1D;
+}
+.ui.secondary.inverted.progress .bar {
+  background-color: #545454;
+}
 .ui.red.progress .bar {
   background-color: #DB2828;
 }
 .ui.red.inverted.progress .bar {
   background-color: #FF695E;
 }
-
-/* Orange */
 .ui.orange.progress .bar {
   background-color: #F2711C;
 }
 .ui.orange.inverted.progress .bar {
   background-color: #FF851B;
 }
-
-/* Yellow */
 .ui.yellow.progress .bar {
   background-color: #FBBD08;
 }
 .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.teal.inverted.progress .bar {
   background-color: #6DFFFF;
 }
-
-/* Blue */
 .ui.blue.progress .bar {
   background-color: #2185D0;
 }
 .ui.blue.inverted.progress .bar {
   background-color: #54C8FF;
 }
-
-/* Violet */
 .ui.violet.progress .bar {
   background-color: #6435C9;
 }
 .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;
 }
-
-/* Brown */
 .ui.brown.progress .bar {
   background-color: #A5673F;
 }
 .ui.brown.inverted.progress .bar {
   background-color: #D67C1C;
 }
-
-/* Grey */
 .ui.grey.progress .bar {
   background-color: #767676;
 }
 .ui.grey.inverted.progress .bar {
   background-color: #DCDDDE;
 }
-
-/* Black */
 .ui.black.progress .bar {
   background-color: #1B1C1D;
 }