RubyGems - semantic-ui-sass - Versions diffs - 2.1.6.0 → 2.1.8.0 - Mend

semantic-ui-sass 2.1.6.0 → 2.1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

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

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.1.6 - Progress Bar
+ * # Semantic UI 2.1.7 - Progress Bar
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -95,25 +95,25 @@
 /* Indicating */
 .ui.indicating.progress[data-percent^="1"] .bar,
 .ui.indicating.progress[data-percent^="2"] .bar {
-  background-color: #D95C5C;
+  background-color: #d95c5c;
 }
 .ui.indicating.progress[data-percent^="3"] .bar {
-  background-color: #EFBC72;
+  background-color: #efbc72;
 }
 .ui.indicating.progress[data-percent^="4"] .bar,
 .ui.indicating.progress[data-percent^="5"] .bar {
-  background-color: #E6BB48;
+  background-color: #e6bb48;
 }
 .ui.indicating.progress[data-percent^="6"] .bar {
-  background-color: #DDC928;
+  background-color: #ddc928;
 }
 .ui.indicating.progress[data-percent^="7"] .bar,
 .ui.indicating.progress[data-percent^="8"] .bar {
-  background-color: #B4D95C;
+  background-color: #b4d95c;
 }
 .ui.indicating.progress[data-percent^="9"] .bar,
 .ui.indicating.progress[data-percent^="100"] .bar {
-  background-color: #66DA81;
+  background-color: #66da81;
 }
 /* Indicating Label */
@@ -150,7 +150,7 @@
 .ui.indicating.progress[data-percent="7"] .bar,
 .ui.indicating.progress[data-percent="8"] .bar,
 .ui.indicating.progress[data-percent="9"] .bar {
-  background-color: #D95C5C;
+  background-color: #d95c5c;
 }
 .ui.indicating.progress[data-percent="1"] .label,
 .ui.indicating.progress[data-percent="2"] .label,
@@ -166,7 +166,7 @@
 /* Indicating Success */
 .ui.indicating.progress.success .label {
-  color: #1A531B;
+  color: #1a531b;
 }
@@ -180,7 +180,7 @@
 ---------------*/
 .ui.progress.success .bar {
-  background-color: #21BA45 !important;
+  background-color: #21ba45 !important;
 }
 .ui.progress.success .bar,
 .ui.progress.success .bar::after {
@@ -188,7 +188,7 @@
           animation: none !important;
 }
 .ui.progress.success > .label {
-  color: #1A531B;
+  color: #1a531b;
 }
 /*--------------
@@ -196,7 +196,7 @@
 ---------------*/
 .ui.progress.warning .bar {
-  background-color: #F2C037 !important;
+  background-color: #f2c037 !important;
 }
 .ui.progress.warning .bar,
 .ui.progress.warning .bar::after {
@@ -204,7 +204,7 @@
           animation: none !important;
 }
 .ui.progress.warning > .label {
-  color: #794B02;
+  color: #794b02;
 }
 /*--------------
@@ -212,7 +212,7 @@
 ---------------*/
 .ui.progress.error .bar {
-  background-color: #DB2828 !important;
+  background-color: #db2828 !important;
 }
 .ui.progress.error .bar,
 .ui.progress.error .bar::after {
@@ -220,7 +220,7 @@
           animation: none !important;
 }
 .ui.progress.error > .label {
-  color: #912D2B;
+  color: #912d2b;
 }
 /*--------------
@@ -239,7 +239,7 @@
   left: 0px;
   right: 0px;
   bottom: 0px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 0.28571429rem;
   -webkit-animation: progress-active 2s ease infinite;
           animation: progress-active 2s ease infinite;
@@ -296,19 +296,19 @@
   background: #888888;
 }
 .ui.inverted.progress .bar > .progress {
-  color: #F9FAFB;
+  color: #f9fafb;
 }
 .ui.inverted.progress > .label {
-  color: #FFFFFF;
+  color: #ffffff;
 }
 .ui.inverted.progress.success > .label {
-  color: #21BA45;
+  color: #21ba45;
 }
 .ui.inverted.progress.warning > .label {
-  color: #F2C037;
+  color: #f2c037;
 }
 .ui.inverted.progress.error > .label {
-  color: #DB2828;
+  color: #db2828;
 }
 /*--------------
@@ -367,90 +367,90 @@
 /* Red */
 .ui.red.progress .bar {
-  background-color: #DB2828;
+  background-color: #db2828;
 }
 .ui.red.inverted.progress .bar {
-  background-color: #FF695E;
+  background-color: #ff695e;
 }
 /* Orange */
 .ui.orange.progress .bar {
-  background-color: #F2711C;
+  background-color: #f2711c;
 }
 .ui.orange.inverted.progress .bar {
-  background-color: #FF851B;
+  background-color: #ff851b;
 }
 /* Yellow */
 .ui.yellow.progress .bar {
-  background-color: #FBBD08;
+  background-color: #fbbd08;
 }
 .ui.yellow.inverted.progress .bar {
-  background-color: #FFE21F;
+  background-color: #ffe21f;
 }
 /* Olive */
 .ui.olive.progress .bar {
-  background-color: #B5CC18;
+  background-color: #b5cc18;
 }
 .ui.olive.inverted.progress .bar {
-  background-color: #D9E778;
+  background-color: #d9e778;
 }
 /* Green */
 .ui.green.progress .bar {
-  background-color: #21BA45;
+  background-color: #21ba45;
 }
 .ui.green.inverted.progress .bar {
-  background-color: #2ECC40;
+  background-color: #2ecc40;
 }
 /* Teal */
 .ui.teal.progress .bar {
-  background-color: #00B5AD;
+  background-color: #00b5ad;
 }
 .ui.teal.inverted.progress .bar {
-  background-color: #6DFFFF;
+  background-color: #6dffff;
 }
 /* Blue */
 .ui.blue.progress .bar {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
 .ui.blue.inverted.progress .bar {
-  background-color: #54C8FF;
+  background-color: #54c8ff;
 }
 /* Violet */
 .ui.violet.progress .bar {
-  background-color: #6435C9;
+  background-color: #6435c9;
 }
 .ui.violet.inverted.progress .bar {
-  background-color: #A291FB;
+  background-color: #a291fb;
 }
 /* Purple */
 .ui.purple.progress .bar {
-  background-color: #A333C8;
+  background-color: #a333c8;
 }
 .ui.purple.inverted.progress .bar {
-  background-color: #DC73FF;
+  background-color: #dc73ff;
 }
 /* Pink */
 .ui.pink.progress .bar {
-  background-color: #E03997;
+  background-color: #e03997;
 }
 .ui.pink.inverted.progress .bar {
-  background-color: #FF8EDF;
+  background-color: #ff8edf;
 }
 /* Brown */
 .ui.brown.progress .bar {
-  background-color: #A5673F;
+  background-color: #a5673f;
 }
 .ui.brown.inverted.progress .bar {
-  background-color: #D67C1C;
+  background-color: #d67c1c;
 }
 /* Grey */
@@ -458,12 +458,12 @@
   background-color: #767676;
 }
 .ui.grey.inverted.progress .bar {
-  background-color: #DCDDDE;
+  background-color: #dcddde;
 }
 /* Black */
 .ui.black.progress .bar {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 .ui.black.inverted.progress .bar {
   background-color: #545454;

data/app/assets/stylesheets/semantic-ui/modules/_rating.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.1.6 - Rating
+ * # Semantic UI 2.1.7 - Rating
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -91,16 +91,16 @@
 /* Active Star */
 .ui.star.rating .active.icon {
   background: transparent !important;
-  color: #FFE623 !important;
-  text-shadow: 0px -1px 0px #DDC507, -1px 0px 0px #DDC507, 0px 1px 0px #DDC507, 1px 0px 0px #DDC507 !important;
+  color: #ffe623 !important;
+  text-shadow: 0px -1px 0px #ddc507, -1px 0px 0px #ddc507, 0px 1px 0px #ddc507, 1px 0px 0px #ddc507 !important;
 }
 /* Selected Star */
 .ui.star.rating .icon.selected,
 .ui.star.rating .icon.selected.active {
   background: transparent !important;
-  color: #FFCC00 !important;
-  text-shadow: 0px -1px 0px #E6A200, -1px 0px 0px #E6A200, 0px 1px 0px #E6A200, 1px 0px 0px #E6A200 !important;
+  color: #ffcc00 !important;
+  text-shadow: 0px -1px 0px #e6a200, -1px 0px 0px #e6a200, 0px 1px 0px #e6a200, 1px 0px 0px #e6a200 !important;
 }
 /*-------------------
@@ -118,16 +118,16 @@
 /* Active Heart */
 .ui.heart.rating .active.icon {
   background: transparent !important;
-  color: #FF6D75 !important;
-  text-shadow: 0px -1px 0px #CD0707, -1px 0px 0px #CD0707, 0px 1px 0px #CD0707, 1px 0px 0px #CD0707 !important;
+  color: #ff6d75 !important;
+  text-shadow: 0px -1px 0px #cd0707, -1px 0px 0px #cd0707, 0px 1px 0px #cd0707, 1px 0px 0px #cd0707 !important;
 }
 /* Selected Heart */
 .ui.heart.rating .icon.selected,
 .ui.heart.rating .icon.selected.active {
   background: transparent !important;
-  color: #FF3000 !important;
-  text-shadow: 0px -1px 0px #AA0101, -1px 0px 0px #AA0101, 0px 1px 0px #AA0101, 1px 0px 0px #AA0101 !important;
+  color: #ff3000 !important;
+  text-shadow: 0px -1px 0px #aa0101, -1px 0px 0px #aa0101, 0px 1px 0px #aa0101, 1px 0px 0px #aa0101 !important;
 }

data/app/assets/stylesheets/semantic-ui/modules/_search.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * # Semantic UI 2.1.6 - Search
+ * # Semantic UI 2.1.7 - Search
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -28,7 +28,7 @@
   line-height: 1.2142em;
   padding: 0.67861429em 1em;
   font-size: 1em;
-  background: #FFFFFF;
+  background: #ffffff;
   border: 1px solid rgba(34, 36, 38, 0.15);
   color: rgba(0, 0, 0, 0.87);
   box-shadow: 0em 0em 0em 0em transparent inset;
@@ -59,12 +59,12 @@
   -webkit-transform-origin: center top;
       -ms-transform-origin: center top;
           transform-origin: center top;
-  background: #FFFFFF;
+  background: #ffffff;
   margin-top: 0.5em;
   width: 18em;
   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);
-  border: 1px solid #D4D4D5;
+  border: 1px solid #d4d4d5;
   z-index: 998;
 }
 .ui.search > .results > :first-child {
@@ -128,7 +128,7 @@
 }
 .ui.search > .results .result .price {
   float: right;
-  color: #21BA45;
+  color: #21ba45;
 }
 /*--------------
@@ -154,7 +154,7 @@
 .ui.search > .results > .action {
   display: block;
   border-top: none;
-  background: #F3F4F5;
+  background: #f3f4f5;
   padding: 0.92857143em 1em;
   color: rgba(0, 0, 0, 0.87);
   font-weight: bold;
@@ -173,7 +173,7 @@
 .ui.search > .prompt:focus {
   border-color: rgba(34, 36, 38, 0.35);
-  background: #FFFFFF;
+  background: #ffffff;
   color: rgba(0, 0, 0, 0.95);
 }
@@ -217,10 +217,10 @@
 .ui.search > .results .result:hover,
 .ui.category.search > .results .category .result:hover {
-  background: #F9FAFB;
+  background: #f9fafb;
 }
 .ui.search .action:hover {
-  background: #E0E0E0;
+  background: #e0e0e0;
 }
 /*--------------
@@ -228,7 +228,7 @@
 ---------------*/
 .ui.category.search > .results .category.active {
-  background: #F3F4F5;
+  background: #f3f4f5;
 }
 .ui.category.search > .results .category.active > .name {
   color: rgba(0, 0, 0, 0.87);
@@ -237,7 +237,7 @@
 .ui.category.search > .results .category .result.active {
   position: relative;
   border-left-color: rgba(34, 36, 38, 0.1);
-  background: #F3F4F5;
+  background: #f3f4f5;
   box-shadow: none;
 }
 .ui.search > .results .result.active .title {
@@ -254,7 +254,40 @@
 /*--------------
-    Categories
+    Selection
+---------------*/
+.ui.search.selection .prompt {
+  border-radius: 0.28571429rem;
+}
+/* Remove input */
+.ui.search.selection > .icon.input > .remove.icon {
+  pointer-events: none;
+  position: absolute;
+  left: auto;
+  opacity: 0;
+  color: '';
+  top: 0em;
+  right: 0em;
+  -webkit-transition: color 0.1s ease, opacity 0.1s ease;
+          transition: color 0.1s ease, opacity 0.1s ease;
+}
+.ui.search.selection > .icon.input > .active.remove.icon {
+  cursor: pointer;
+  opacity: 0.8;
+  pointer-events: auto;
+}
+.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
+  right: 1.85714em;
+}
+.ui.search.selection > .icon.input > .remove.icon:hover {
+  opacity: 1;
+  color: #db2828;
+}
+/*--------------
+    Category
 ---------------*/
 .ui.category.search .results {
@@ -263,7 +296,7 @@
 /* Category */
 .ui.category.search > .results .category {
-  background: #F3F4F5;
+  background: #f3f4f5;
   box-shadow: none;
   border-bottom: 1px solid rgba(34, 36, 38, 0.1);
   -webkit-transition: background 0.1s ease, border-color 0.1s ease;
@@ -285,7 +318,7 @@
 /* Category Result */
 .ui.category.search > .results .category .result {
-  background: #FFFFFF;
+  background: #ffffff;
   margin-left: 100px;
   border-left: 1px solid rgba(34, 36, 38, 0.15);
   border-bottom: 1px solid rgba(34, 36, 38, 0.1);