semantic-ui-sass 1.12.3.0 → 2.0.4.0

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

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Rating
+ * # Semantic UI 2.0.4 - Rating
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -15,30 +15,33 @@
 *******************************/
 
 .ui.rating {
-  display: inline-block;
-  vertical-align: middle;
+  display: -webkit-inline-box;
+  display: -webkit-inline-flex;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  white-space: nowrap;
+  vertical-align: baseline;
 }
 .ui.rating:last-child {
   margin-right: 0em;
 }
-.ui.rating:before {
-  display: block;
-  content: '';
-  visibility: hidden;
-  clear: both;
-  height: 0;
-}
 
 /* Icon */
 .ui.rating .icon {
-  cursor: pointer;
+  padding: 0em;
   margin: 0em;
-  width: 1.1em;
-  height: auto;
   text-align: center;
-  padding: 0em;
   font-weight: normal;
   font-style: normal;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
+  cursor: pointer;
+  width: 1.25em;
+  height: auto;
+  -webkit-transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
+          transition: opacity 0.1s ease, background 0.1s ease, text-shadow 0.1s ease, color 0.1s ease;
 }
 
 
@@ -47,6 +50,30 @@
 *******************************/
 
 
+/*-------------------
+      Standard
+--------------------*/
+
+
+/* Inactive Icon */
+.ui.rating .icon {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.15);
+}
+
+/* Active Icon */
+.ui.rating .active.icon {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.85);
+}
+
+/* Selected Icon */
+.ui.rating .icon.selected,
+.ui.rating .icon.selected.active {
+  background: transparent;
+  color: rgba(0, 0, 0, 0.87);
+}
+
 /*-------------------
         Star
 --------------------*/
@@ -54,28 +81,26 @@
 
 /* Inactive */
 .ui.star.rating .icon {
-  width: 1.1em;
+  width: 1.25em;
+  height: auto;
+  background: transparent;
   color: rgba(0, 0, 0, 0.15);
+  text-shadow: none;
 }
 
 /* Active Star */
 .ui.star.rating .active.icon {
+  background: transparent !important;
   color: #ffe623 !important;
-  text-shadow: 0px -1px 0px #cfa300, -1px 0px 0px #cfa300, 0px 1px 0px #cfa300, 1px 0px 0px #cfa300;
+  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 {
-  color: #ffb70a !important;
-}
-.ui.star.rating.partial {
-  position: relative;
-  z-index: 1;
-}
-.ui.star.rating.partial:before {
-  position: absolute;
-  z-index: -1;
+  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;
 }
 
 /*-------------------
@@ -83,20 +108,26 @@
 --------------------*/
 
 .ui.heart.rating .icon {
-  width: 1.25em;
+  width: 1.4em;
+  height: auto;
+  background: transparent;
   color: rgba(0, 0, 0, 0.15);
+  text-shadow: none !important;
 }
 
 /* Active Heart */
 .ui.heart.rating .active.icon {
-  color: #ff2733 !important;
-  text-shadow: 0px -1px 0px #9e0000, -1px 0px 0px #9e0000, 0px 1px 0px #9e0000, 1px 0px 0px #9e0000;
+  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;
 }
 
 /* Selected Heart */
 .ui.heart.rating .icon.selected,
 .ui.heart.rating .icon.selected.active {
-  color: #ff2733 !important;
+  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;
 }
 
 
@@ -105,22 +136,6 @@
 *******************************/
 
 
-/* Inactive Icon */
-.ui.rating .icon {
-  color: rgba(0, 0, 0, 0.15);
-}
-
-/* Active Icon */
-.ui.rating .active.icon {
-  color: rgba(0, 0, 0, 0.85);
-}
-
-/* Selected Icon */
-.ui.rating .icon.selected,
-.ui.rating .icon.selected.active {
-  color: rgba(0, 0, 0, 0.8);
-}
-
 /*-------------------
        Disabled
 --------------------*/
@@ -132,13 +147,13 @@
 }
 
 /*-------------------
-     Interacting (Active)
+   User Interactive
 --------------------*/
 
 
 /* Selected Rating */
 .ui.rating.selected .active.icon {
-  opacity: 0.5;
+  opacity: 1;
 }
 .ui.rating.selected .icon.selected,
 .ui.rating .icon.selected {
@@ -150,25 +165,25 @@
           Variations
 *******************************/
 
-.ui.mini.rating .icon {
-  font-size: 0.7rem;
+.ui.mini.rating {
+  font-size: 0.71428571rem;
 }
-.ui.tiny.rating .icon {
-  font-size: 0.8rem;
+.ui.tiny.rating {
+  font-size: 0.85714286rem;
 }
-.ui.small.rating .icon {
-  font-size: 0.875rem;
+.ui.small.rating {
+  font-size: 0.92857143rem;
 }
-.ui.rating .icon {
+.ui.rating {
   font-size: 1rem;
 }
-.ui.large.rating .icon {
-  font-size: 1.1rem;
+.ui.large.rating {
+  font-size: 1.14285714rem;
 }
-.ui.huge.rating .icon {
-  font-size: 1.5rem;
+.ui.huge.rating {
+  font-size: 1.42857143rem;
 }
-.ui.massive.rating .icon {
+.ui.massive.rating {
   font-size: 2rem;
 }
 

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

@@ -1,9 +1,9 @@
 /*!
- * # Semantic UI 1.12.3 - Search
+ * # Semantic UI 2.0.4 - Search
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -25,15 +25,15 @@
   text-shadow: none;
   font-style: normal;
   font-weight: normal;
-  line-height: 1.2;
-  padding: 0.68571em 1em;
+  line-height: 1.2142em;
+  padding: 0.67861429em 1em;
   font-size: 1em;
   background: #ffffff;
-  border: 1px solid rgba(39, 41, 43, 0.15);
-  color: rgba(0, 0, 0, 0.8);
+  border: 1px solid rgba(34, 36, 38, 0.15);
+  color: rgba(0, 0, 0, 0.87);
   box-shadow: 0em 0em 0em 0em transparent inset;
-  -webkit-transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
-          transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+  -webkit-transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
+          transition: background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, border-color 0.1s ease;
 }
 .ui.search .prompt {
   border-radius: 500rem;
@@ -56,13 +56,23 @@
   position: absolute;
   top: 100%;
   left: 0%;
+  -webkit-transform-origin: center top;
+      -ms-transform-origin: center top;
+          transform-origin: center top;
   background: #ffffff;
   margin-top: 0.5em;
-  width: 16em;
-  border-radius: 0.25em;
-  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
+  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;
   z-index: 998;
 }
+.ui.search > .results > :first-child {
+  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
+}
+.ui.search > .results > :last-child {
+  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
+}
 
 /*--------------
     Result
@@ -73,13 +83,13 @@
   display: block;
   overflow: hidden;
   font-size: 1em;
-  padding: 0.5em 1em;
-  color: rgba(0, 0, 0, 0.8);
+  padding: 0.85714286em 1.14285714em;
+  color: rgba(0, 0, 0, 0.87);
   line-height: 1.33;
-  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
 }
 .ui.search > .results .result:last-child {
-  border-bottom: none;
+  border-bottom: none !important;
 }
 
 /* Image */
@@ -105,19 +115,20 @@
   margin: 0em 6em 0em 0em;
 }
 .ui.search > .results .result .title {
+  margin: -0.14285em 0em 0em;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 1em;
   color: rgba(0, 0, 0, 0.85);
 }
 .ui.search > .results .result .description {
-  margin-top: 0em;
-  font-size: 0.9285em;
+  margin-top: 0;
+  font-size: 0.92857143em;
   color: rgba(0, 0, 0, 0.4);
 }
 .ui.search > .results .result .price {
   float: right;
-  color: #5bbd72;
+  color: #21ba45;
 }
 
 /*--------------
@@ -129,23 +140,23 @@
 }
 .ui.search > .results > .message .header {
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-size: 1.1428em;
+  font-size: 1rem;
   font-weight: bold;
-  color: rgba(0, 0, 0, 0.8);
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.search > .results > .message .description {
   margin-top: 0.25rem;
   font-size: 1em;
-  color: rgba(0, 0, 0, 0.8);
+  color: rgba(0, 0, 0, 0.87);
 }
 
 /* View All Results */
 .ui.search > .results > .action {
   display: block;
   border-top: none;
-  background: #f0f0f0;
-  padding: 0.5em 1em;
-  color: rgba(0, 0, 0, 0.8);
+  background: #f3f4f5;
+  padding: 0.92857143em 1em;
+  color: rgba(0, 0, 0, 0.87);
   font-weight: bold;
   text-align: center;
 }
@@ -156,35 +167,45 @@
 *******************************/
 
 
+/*--------------------
+       Focus
+---------------------*/
+
+.ui.search > .prompt:focus {
+  border-color: rgba(34, 36, 38, 0.35);
+  background: #ffffff;
+  color: rgba(0, 0, 0, 0.95);
+}
+
 /*--------------------
        Loading
 ---------------------*/
 
-.ui.loading.search .input > .icon:before {
+.ui.loading.search .input > i.icon:before {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
-  margin: -0.64285em 0em 0em -0.64285em;
-  width: 1.2857em;
-  height: 1.2857em;
+  margin: -0.64285714em 0em 0em -0.64285714em;
+  width: 1.28571429em;
+  height: 1.28571429em;
   border-radius: 500rem;
   border: 0.2em solid rgba(0, 0, 0, 0.1);
 }
-.ui.loading.search .input > .icon:after {
+.ui.loading.search .input > i.icon:after {
   position: absolute;
   content: '';
   top: 50%;
   left: 50%;
-  margin: -0.64285em 0em 0em -0.64285em;
-  width: 1.2857em;
-  height: 1.2857em;
+  margin: -0.64285714em 0em 0em -0.64285714em;
+  width: 1.28571429em;
+  height: 1.28571429em;
   -webkit-animation: button-spin 0.6s linear;
           animation: button-spin 0.6s linear;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
   border-radius: 500rem;
-  border-color: #aaaaaa transparent transparent;
+  border-color: #767676 transparent transparent;
   border-style: solid;
   border-width: 0.2em;
   box-shadow: 0px 0px 0px 1px transparent;
@@ -196,7 +217,7 @@
 
 .ui.search > .results .result:hover,
 .ui.category.search > .results .category .result:hover {
-  background: #fafafa;
+  background: #f9fafb;
 }
 .ui.search .action:hover {
   background: #e0e0e0;
@@ -206,18 +227,18 @@
       Active
 ---------------*/
 
-.ui.search > .results .category.active {
-  background: #f0f0f0;
+.ui.category.search > .results .category.active {
+  background: #f3f4f5;
 }
-.ui.search > .results .category.active > .name {
-  color: rgba(0, 0, 0, 0.8);
+.ui.category.search > .results .category.active > .name {
+  color: rgba(0, 0, 0, 0.87);
 }
 .ui.search > .results .result.active,
 .ui.category.search > .results .category .result.active {
   position: relative;
-  border-left-color: transparent;
-  background: #f0f0f0;
-  box-shadow: 3px 0px 3px 0px rgba(39, 41, 43, 0.15);
+  border-left-color: rgba(34, 36, 38, 0.1);
+  background: #f3f4f5;
+  box-shadow: none;
 }
 .ui.search > .results .result.active .title {
   color: rgba(0, 0, 0, 0.85);
@@ -242,33 +263,44 @@
 
 /* Category */
 .ui.category.search > .results .category {
-  background: #f0f0f0;
+  background: #f3f4f5;
   box-shadow: none;
-  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
-  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
-          transition: background 0.2s ease, border-color 0.2s ease;
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
+          transition: background 0.1s ease, border-color 0.1s ease;
 }
+
+/* Last Category */
 .ui.category.search > .results .category:last-child {
   border-bottom: none;
 }
 
+/* First / Last */
+.ui.category.search > .results .category:first-child .name + .result {
+  border-radius: 0em 0.28571429rem 0em 0em;
+}
+.ui.category.search > .results .category:last-child .result:last-child {
+  border-radius: 0em 0em 0.28571429rem 0em;
+}
+
 /* Category Result */
 .ui.category.search > .results .category .result {
   background: #ffffff;
   margin-left: 100px;
-  border-left: 1px solid rgba(39, 41, 43, 0.15);
-  border-bottom: 1px solid rgba(39, 41, 43, 0.15);
-  -webkit-transition: background 0.2s ease, border-color 0.2s ease;
-          transition: background 0.2s ease, border-color 0.2s ease;
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+  -webkit-transition: background 0.1s ease, border-color 0.1s ease;
+          transition: background 0.1s ease, border-color 0.1s ease;
+  padding: 0.85714286em 1.14285714em;
 }
-.ui.category.search > .results .category .result:last-child {
+.ui.category.search > .results .category:last-child .result:last-child {
   border-bottom: none;
 }
 
 /* Category Result Name */
 .ui.category.search > .results .category > .name {
   width: 100px;
-  background: #f0f0f0;
+  background: transparent;
   font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   font-size: 1em;
   float: 1em;
@@ -309,11 +341,26 @@
       Sizes
 ---------------*/
 
+.ui.mini.search {
+  font-size: 0.71428571em;
+}
+.ui.small.search {
+  font-size: 0.92857143em;
+}
 .ui.search {
   font-size: 1em;
 }
 .ui.large.search {
-  font-size: 1.1em;
+  font-size: 1.14285714em;
+}
+.ui.big.search {
+  font-size: 1.28571429em;
+}
+.ui.huge.search {
+  font-size: 1.42857143em;
+}
+.ui.massive.search {
+  font-size: 1.71428571em;
 }