less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/definitions/modules/progress.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -52,83 +52,6 @@
   margin: @lastMargin;
 }
 
-/* Indicating */
-.ui.indicating.progress .bar[style*="width: 1"],
-.ui.indicating.progress .bar[style*="width: 2"] {
-  background-color: @indicatingFirstColor;
-}
-.ui.indicating.progress .bar[style*="width: 3"] {
-  background-color: @indicatingSecondColor;
-}
-.ui.indicating.progress .bar[style*="width: 4"],
-.ui.indicating.progress .bar[style*="width: 5"] {
-  background-color: @indicatingThirdColor;
-}
-.ui.indicating.progress .bar[style*="width: 6"] {
-  background-color: @indicatingFourthColor;
-}
-.ui.indicating.progress .bar[style*="width: 7"],
-.ui.indicating.progress .bar[style*="width: 8"] {
-  background-color: @indicatingFifthColor;
-}
-.ui.indicating.progress .bar[style*="width: 9"],
-.ui.indicating.progress .bar[style*="width: 100"] {
-  background-color: @indicatingSixthColor;
-}
-
-/* Indicating Label */
-.ui.indicating.progress[data-percent^="1"] .label,
-.ui.indicating.progress[data-percent^="2"] .label {
-  color: @indicatingFirstColor;
-}
-.ui.indicating.progress[data-percent^="3"] .label {
-  color: @indicatingSecondColor;
-}
-.ui.indicating.progress[data-percent^="4"] .label,
-.ui.indicating.progress[data-percent^="5"] .label {
-  color: @indicatingThirdColor;
-}
-.ui.indicating.progress[data-percent^="6"] .label {
-  color: @indicatingFourthColor;
-}
-.ui.indicating.progress[data-percent^="7"] .label,
-.ui.indicating.progress[data-percent^="8"] .label {
-  color: @indicatingFifthColor;
-}
-.ui.indicating.progress[data-percent^="9"] .label,
-.ui.indicating.progress[data-percent^="100"] .label {
-  color: @indicatingSixthColor;
-}
-
-/* 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%"] {
-  background-color: @indicatingFirstColor;
-}
-.ui.indicating.progress[data-percent="1"] .label,
-.ui.indicating.progress[data-percent="2"] .label,
-.ui.indicating.progress[data-percent="3"] .label,
-.ui.indicating.progress[data-percent="4"] .label,
-.ui.indicating.progress[data-percent="5"] .label,
-.ui.indicating.progress[data-percent="6"] .label,
-.ui.indicating.progress[data-percent="7"] .label,
-.ui.indicating.progress[data-percent="8"] .label,
-.ui.indicating.progress[data-percent="9"] .label {
-  color: @indicatingFirstColor;
-}
-
-/* Indicating Success */
-.ui.indicating.progress.success .label {
-  color: @successHeaderColor;
-}
-
 /*******************************
             Content
 *******************************/
@@ -180,6 +103,88 @@
 }
 
 
+/*******************************
+            Types
+*******************************/
+
+
+/* Indicating */
+.ui.indicating.progress[data-percent^="1"] .bar,
+.ui.indicating.progress[data-percent^="2"] .bar {
+  background-color: @indicatingFirstColor;
+}
+.ui.indicating.progress[data-percent^="3"] .bar {
+  background-color: @indicatingSecondColor;
+}
+.ui.indicating.progress[data-percent^="4"] .bar,
+.ui.indicating.progress[data-percent^="5"] .bar {
+  background-color: @indicatingThirdColor;
+}
+.ui.indicating.progress[data-percent^="6"] .bar {
+  background-color: @indicatingFourthColor;
+}
+.ui.indicating.progress[data-percent^="7"] .bar,
+.ui.indicating.progress[data-percent^="8"] .bar {
+  background-color: @indicatingFifthColor;
+}
+.ui.indicating.progress[data-percent^="9"] .bar,
+.ui.indicating.progress[data-percent^="100"] .bar {
+  background-color: @indicatingSixthColor;
+}
+
+/* Indicating Label */
+.ui.indicating.progress[data-percent^="1"] .label,
+.ui.indicating.progress[data-percent^="2"] .label {
+  color: @indicatingFirstLabelColor;
+}
+.ui.indicating.progress[data-percent^="3"] .label {
+  color: @indicatingSecondLabelColor;
+}
+.ui.indicating.progress[data-percent^="4"] .label,
+.ui.indicating.progress[data-percent^="5"] .label {
+  color: @indicatingThirdLabelColor;
+}
+.ui.indicating.progress[data-percent^="6"] .label {
+  color: @indicatingFourthLabelColor;
+}
+.ui.indicating.progress[data-percent^="7"] .label,
+.ui.indicating.progress[data-percent^="8"] .label {
+  color: @indicatingFifthLabelColor;
+}
+.ui.indicating.progress[data-percent^="9"] .label,
+.ui.indicating.progress[data-percent^="100"] .label {
+  color: @indicatingSixthLabelColor;
+}
+
+/* Single Digits */
+.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: @indicatingFirstColor;
+}
+.ui.indicating.progress[data-percent="1"] .label,
+.ui.indicating.progress[data-percent="2"] .label,
+.ui.indicating.progress[data-percent="3"] .label,
+.ui.indicating.progress[data-percent="4"] .label,
+.ui.indicating.progress[data-percent="5"] .label,
+.ui.indicating.progress[data-percent="6"] .label,
+.ui.indicating.progress[data-percent="7"] .label,
+.ui.indicating.progress[data-percent="8"] .label,
+.ui.indicating.progress[data-percent="9"] .label {
+  color: @indicatingFirstLabelColor;
+}
+
+/* Indicating Success */
+.ui.indicating.progress.success .label {
+  color: @successHeaderColor;
+}
+
 /*******************************
              States
 *******************************/
@@ -363,60 +368,108 @@
      Colors
 ---------------*/
 
-.ui.black.progress .bar {
-  background-color: @black;
-}
-.ui.blue.progress .bar {
-  background-color: @blue;
+/* Red */
+.ui.red.progress .bar {
+  background-color: @red;
 }
-.ui.green.progress .bar {
-  background-color: @green;
+.ui.red.inverted.progress .bar {
+  background-color: @lightRed;
 }
+
+/* Orange */
 .ui.orange.progress .bar {
   background-color: @orange;
 }
-.ui.pink.progress .bar {
-  background-color: @pink;
+.ui.orange.inverted.progress .bar {
+  background-color: @lightOrange;
 }
-.ui.purple.progress .bar {
-  background-color: @purple;
+
+/* Yellow */
+.ui.yellow.progress .bar {
+  background-color: @yellow;
 }
-.ui.red.progress .bar {
-  background-color: @red;
+.ui.yellow.inverted.progress .bar {
+  background-color: @lightYellow;
+}
+
+/* Olive */
+.ui.olive.progress .bar {
+  background-color: @olive;
+}
+.ui.olive.inverted.progress .bar {
+  background-color: @lightOlive;
+}
+
+/* Green */
+.ui.green.progress .bar {
+  background-color: @green;
 }
+.ui.green.inverted.progress .bar {
+  background-color: @lightGreen;
+}
+
+/* Teal */
 .ui.teal.progress .bar {
   background-color: @teal;
 }
-.ui.yellow.progress .bar {
-  background-color: @yellow;
+.ui.teal.inverted.progress .bar {
+  background-color: @lightTeal;
 }
 
-.ui.black.inverted.progress .bar {
-  background-color: @lightBlack;
+/* Blue */
+.ui.blue.progress .bar {
+  background-color: @blue;
 }
 .ui.blue.inverted.progress .bar {
   background-color: @lightBlue;
 }
-.ui.green.inverted.progress .bar {
-  background-color: @lightGreen;
+
+/* Violet */
+.ui.violet.progress .bar {
+  background-color: @violet;
 }
-.ui.orange.inverted.progress .bar {
-  background-color: @lightOrange;
+.ui.violet.inverted.progress .bar {
+  background-color: @lightViolet;
 }
-.ui.pink.inverted.progress .bar {
-  background-color: @lightPink;
+
+/* Purple */
+.ui.purple.progress .bar {
+  background-color: @purple;
 }
 .ui.purple.inverted.progress .bar {
   background-color: @lightPurple;
 }
-.ui.red.inverted.progress .bar {
-  background-color: @lightRed;
+
+/* Pink */
+.ui.pink.progress .bar {
+  background-color: @pink;
 }
-.ui.teal.inverted.progress .bar {
-  background-color: @lightTeal;
+.ui.pink.inverted.progress .bar {
+  background-color: @lightPink;
 }
-.ui.yellow.inverted.progress .bar {
-  background-color: @lightYellow;
+
+/* Brown */
+.ui.brown.progress .bar {
+  background-color: @brown;
+}
+.ui.brown.inverted.progress .bar {
+  background-color: @lightBrown;
+}
+
+/* Grey */
+.ui.grey.progress .bar {
+  background-color: @grey;
+}
+.ui.grey.inverted.progress .bar {
+  background-color: @lightGrey;
+}
+
+/* Black */
+.ui.black.progress .bar {
+  background-color: @black;
+}
+.ui.black.inverted.progress .bar {
+  background-color: @lightBlack;
 }
 
 /*--------------

data/assets/stylesheets/semantic_ui/definitions/modules/rating.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -34,32 +34,26 @@
 *******************************/
 
 .ui.rating {
-  display: @display;
+  display: inline-flex;
+  white-space: @whiteSpace;
   vertical-align: @verticalAlign;
 }
 .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: @iconWidth;
-  height: auto;
   text-align: center;
-  padding: 0em;
   font-weight: normal;
   font-style: normal;
+  flex: 1 0 auto;
+  cursor: @iconCursor;
+  width: @iconWidth;
+  height: @iconHeight;
+  transition: @iconTransition;
 }
 
 
@@ -67,6 +61,31 @@
              Types
 *******************************/
 
+
+/*-------------------
+      Standard
+--------------------*/
+
+/* Inactive Icon */
+.ui.rating .icon {
+  background: @inactiveBackground;
+  color: @inactiveColor;
+}
+
+/* Active Icon */
+.ui.rating .active.icon {
+  background: @activeBackground;
+  color: @activeColor;
+}
+
+/* Selected Icon */
+.ui.rating .icon.selected,
+.ui.rating .icon.selected.active {
+  background: @selectedBackground;
+  color: @selectedColor;
+}
+
+
 /*-------------------
         Star
 --------------------*/
@@ -74,31 +93,27 @@
 /* Inactive */
 .ui.star.rating .icon {
   width: @starIconWidth;
+  height: @starIconHeight;
+  background: @starInactiveBackground;
   color: @starInactiveColor;
+  text-shadow: @starInactiveTextShadow;
 }
 
 /* Active Star */
 .ui.star.rating .active.icon {
+  background: @starActiveBackground !important;
   color: @starActiveColor !important;
-  text-shadow: @starActiveShadow;
+  text-shadow: @starActiveTextShadow !important;
 }
 
 /* Selected Star */
 .ui.star.rating .icon.selected,
 .ui.star.rating .icon.selected.active {
+  background: @starSelectedBackground !important;
   color: @starSelectedColor !important;
+  text-shadow: @starSelectedTextShadow !important;
 }
 
-.ui.star.rating.partial {
-  position: relative;
-  z-index: 1;
-}
-.ui.star.rating.partial:before {
-  position: absolute;
-  z-index: -1;
-}
-
-
 
 /*-------------------
         Heart
@@ -106,19 +121,25 @@
 
 .ui.heart.rating .icon {
   width: @heartIconWidth;
+  height: @heartIconHeight;
+  background: @heartInactiveBackground;
   color: @heartInactiveColor;
+  text-shadow: @heartInactiveTextShadow !important;
 }
 
 /* Active Heart */
 .ui.heart.rating .active.icon {
+  background: @heartActiveBackground !important;
   color: @heartActiveColor !important;
-  text-shadow: @heartActiveShadow;
+  text-shadow: @heartActiveTextShadow !important;
 }
 
 /* Selected Heart */
 .ui.heart.rating .icon.selected,
 .ui.heart.rating .icon.selected.active {
+  background: @heartSelectedBackground !important;
   color: @heartSelectedColor !important;
+  text-shadow: @heartSelectedTextShadow !important;
 }
 
 
@@ -126,24 +147,6 @@
              States
 *******************************/
 
-
-/* Inactive Icon */
-.ui.rating .icon {
-  color: @inactiveColor;
-}
-
-/* Active Icon */
-.ui.rating .active.icon {
-  color: @activeColor;
-}
-
-/* Selected Icon */
-.ui.rating .icon.selected,
-.ui.rating .icon.selected.active {
-  color: @hoverColor;
-}
-
-
 /*-------------------
        Disabled
 --------------------*/
@@ -155,12 +158,12 @@
 
 
 /*-------------------
-     Interacting (Active)
+   User Interactive
 --------------------*/
 
 /* Selected Rating */
 .ui.rating.selected .active.icon {
-  opacity: @interactiveIconOpacity;
+  opacity: @interactiveActiveIconOpacity;
 }
 .ui.rating.selected .icon.selected,
 .ui.rating .icon.selected {
@@ -173,25 +176,25 @@
           Variations
 *******************************/
 
-.ui.mini.rating .icon {
+.ui.mini.rating {
   font-size: @mini;
 }
-.ui.tiny.rating .icon {
+.ui.tiny.rating {
   font-size: @tiny;
 }
-.ui.small.rating .icon {
+.ui.small.rating {
   font-size: @small;
 }
-.ui.rating .icon {
+.ui.rating {
   font-size: @medium;
 }
-.ui.large.rating .icon {
+.ui.large.rating {
   font-size: @large;
 }
-.ui.huge.rating .icon {
+.ui.huge.rating {
   font-size: @huge;
 }
-.ui.massive.rating .icon {
+.ui.massive.rating {
   font-size: @massive;
 }