semantic-ui-sass 0.0.1

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

@@ -0,0 +1,179 @@
+/*
+ * # Semantic - Rating
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+           Rating
+*******************************/
+
+.ui.rating {
+  display: inline-block;
+
+  font-size: 0em;
+  vertical-align: baseline;
+  margin: 0em 0.5em 0em 0em;
+}
+.ui.rating:last-child {
+  margin-right: 0em;
+}
+
+.ui.rating:before {
+  display: block;
+  content: '';
+  visibility: hidden;
+  clear: both;
+  height: 0;
+}
+
+/* Icon */
+.ui.rating .icon {
+  cursor: default;
+
+  margin: 0em;
+
+  width: 1em;
+  height: auto;
+  padding: 0em;
+
+  color: rgba(0, 0, 0, 0.15);
+  font-weight: normal;
+  font-style: normal;
+}
+.ui.rating .icon:before {
+  content: "\2605";
+
+  -webkit-transition:
+    color 0.3s ease,
+    opacity 0.3s ease
+  ;
+  -moz-transition:
+    color 0.3s ease,
+    opacity 0.3s ease
+  ;
+  -ms-transition:
+    color 0.3s ease,
+    opacity 0.3s ease
+  ;
+  -o-transition:
+    color 0.3s ease,
+    opacity 0.3s ease
+  ;
+  transition:
+    color 0.3s ease,
+    opacity 0.3s ease
+  ;
+}
+
+/*******************************
+             Types
+*******************************/
+
+/*-------------------
+        Star
+--------------------*/
+
+.ui.star.rating .icon {
+  width: 1.2em;
+}
+
+/* Star */
+.ui.star.rating .icon:before {
+  content: '\f006';
+  font-family: 'Icons';
+}
+
+/* Active Star */
+.ui.star.rating .active.icon:before {
+  content: '\f005';
+  font-family: 'Icons';
+}
+
+
+/*-------------------
+        Heart
+--------------------*/
+
+.ui.heart.rating .icon {
+  width: 1.2em;
+}
+.ui.heart.rating .icon:before {
+  content: '\f08a';
+  font-family: 'Icons';
+}
+
+/* Active */
+.ui.heart.rating .active.icon:before {
+  content: '\f004';
+  font-family: 'Icons';
+}
+.ui.heart.rating .active.icon {
+  color:  !important;
+}
+
+/* Hovered */
+.ui.heart.rating .hover.icon,
+.ui.heart.rating .active.hover.icon {
+  color:  !important;
+}
+
+/*******************************
+             States
+*******************************/
+
+/*-------------------
+        Active
+--------------------*/
+
+/* active rating */
+.ui.active.rating .icon {
+  cursor: pointer;
+}
+
+/* active icons */
+.ui.rating .active.icon {
+  color: #FFCB08 !important;
+}
+
+
+/*-------------------
+        Hover
+--------------------*/
+
+/* rating */
+.ui.rating.hover .active.icon {
+  opacity: 0.5;
+}
+
+/* icon */
+.ui.rating .icon.hover,
+.ui.rating .icon.hover.active {
+  opacity: 1;
+  color: #FFB70A !important;
+}
+
+
+/*******************************
+          Variations
+*******************************/
+
+.ui.small.rating .icon {
+  font-size: 0.75rem;
+}
+.ui.rating .icon {
+  font-size: 1rem;
+}
+.ui.large.rating .icon {
+  font-size: 1.5rem;
+  vertical-align: middle;
+}
+.ui.huge.rating .icon {
+  font-size: 2rem;
+  vertical-align: middle;
+}

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

@@ -0,0 +1,365 @@
+/*
+ * # Semantic - Reveal
+ * http://github.com/jlukic/semantic-ui/
+ *
+ *
+ * Copyright 2013 Contributors
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Reveal
+*******************************/
+
+.ui.reveal  {
+  display: inline-block;
+  position: relative !important;
+  z-index: 2 !important;
+  font-size: 0em !important;
+}
+
+.ui.reveal > .content {
+  font-size: 1em !important;
+}
+
+.ui.reveal > .visible.content {
+  -webkit-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+
+.ui.reveal > .visible.content {
+  position: absolute !important;
+  top: 0em !important;
+  left: 0em !important;
+  z-index: 4 !important;
+  -webkit-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    all 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+.ui.reveal > .hidden.content {
+  position: relative !important;
+  z-index: 3 !important;
+}
+
+/*------------------
+   Loose Coupling
+-------------------*/
+
+.ui.reveal.button {
+  overflow: hidden;
+}
+
+
+
+/*******************************
+              Types
+*******************************/
+
+
+/*--------------
+      Slide
+---------------*/
+
+.ui.slide.reveal {
+  position: relative !important;
+  display: block;
+  overflow: hidden !important;
+
+  white-space: nowrap;
+}
+
+.ui.slide.reveal > .content {
+  display: block;
+  float: left;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  margin: 0em;
+  -webkit-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -moz-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  -ms-transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+  transition:
+    top 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    left 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    right 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s,
+    bottom 0.8s cubic-bezier(0.175, 0.885, 0.320, 1) 0.15s
+  ;
+}
+.ui.slide.reveal > .visible.content {
+  position: relative !important;
+}
+.ui.slide.reveal > .hidden.content {
+  position: absolute !important;
+  left: 100% !important;
+  width: 100% !important;
+}
+.ui.slide.reveal:hover > .visible.content {
+  left: -100% !important;
+}
+.ui.slide.reveal:hover > .hidden.content {
+  left: 0% !important;
+}
+
+.ui.right.slide.reveal > .visible.content {
+  left: 0%;
+}
+.ui.right.slide.reveal > .hidden.content {
+  left: auto !important;
+  right: 100% !important;
+}
+.ui.right.slide.reveal:hover > .visible.content {
+  left: 100% !important;
+  right: auto !important;
+}
+.ui.right.slide.reveal:hover > .hidden.content {
+  left: auto !important;
+  right: 0% !important;
+}
+
+.ui.up.slide.reveal > .visible.content {
+  top: 0% !important;
+  left: 0% !important;
+  right: auto !important;
+  bottom: auto !important;
+}
+.ui.up.slide.reveal > .hidden.content {
+  top: 100% !important;
+  left: 0% !important;
+  right: auto !important;
+  bottom: auto !important;
+}
+.ui.slide.up.reveal:hover > .visible.content {
+  top: -100% !important;
+  left: 0% !important;
+}
+.ui.slide.up.reveal:hover > .hidden.content {
+  top: 0% !important;
+  left: 0% !important;
+}
+
+.ui.down.slide.reveal > .visible.content {
+  top: auto !important;
+  right: auto !important;
+  bottom: auto !important;
+  bottom: 0% !important;
+}
+.ui.down.slide.reveal > .hidden.content {
+  top: auto !important;
+  right: auto !important;
+  bottom: 100% !important;
+  left: 0% !important;
+}
+.ui.slide.down.reveal:hover > .visible.content {
+  left: 0% !important;
+  bottom: -100% !important;
+}
+.ui.slide.down.reveal:hover > .hidden.content {
+  left: 0% !important;
+  bottom: 0% !important;
+}
+
+
+
+/*--------------
+      Fade
+---------------*/
+
+.ui.fade.reveal > .visible.content {
+  opacity: 1;
+}
+.ui.fade.reveal:hover > .visible.content {
+  opacity: 0;
+}
+
+
+/*--------------
+      Move
+---------------*/
+
+.ui.move.reveal > .visible.content,
+.ui.move.left.reveal > .visible.content {
+  left: auto !important;
+  top: auto !important;
+  bottom: auto !important;
+  right: 0% !important;
+}
+.ui.move.reveal:hover > .visible.content,
+.ui.move.left.reveal:hover > .visible.content {
+  right: 100% !important;
+}
+
+.ui.move.right.reveal > .visible.content {
+  right: auto !important;
+  top: auto !important;
+  bottom: auto !important;
+  left: 0% !important;
+}
+.ui.move.right.reveal:hover > .visible.content {
+  left: 100% !important;
+}
+
+.ui.move.up.reveal > .visible.content {
+  right: auto !important;
+  left: auto !important;
+  top: auto !important;
+
+  bottom: 0% !important;
+}
+.ui.move.up.reveal:hover > .visible.content {
+  bottom: 100% !important;
+}
+
+.ui.move.down.reveal > .visible.content {
+  right: auto !important;
+  left: auto !important;
+  bottom: auto !important;
+
+  top: 0% !important;
+  bottom: auto !important;
+}
+.ui.move.down.reveal:hover > .visible.content {
+  top: 100% !important;
+}
+
+
+/*--------------
+     Rotate
+---------------*/
+
+.ui.rotate.reveal > .visible.content {
+  -webkit-transition-duration: 0.8s;
+  -moz-transition-duration: 0.8s;
+  -o-transition-duration: 0.8s;
+  -ms-transition-duration: 0.8s;
+  transition-duration: 0.8s;
+
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  -o-transform: rotate(0deg);
+  -ms-transform: rotate(0deg);
+  transform: rotate(0deg);
+}
+
+.ui.rotate.reveal > .visible.content,
+.ui.rotate.right.reveal > .visible.content {
+  -webkit-transform-origin: bottom right;
+  -moz-transform-origin: bottom right;
+  -o-transform-origin: bottom right;
+  -ms-transform-origin: bottom right;
+  transform-origin: bottom right;
+}
+.ui.rotate.reveal:hover > .visible.content,
+.ui.rotate.right.reveal:hover > .visible.content {
+  -webkit-transform: rotate(110deg);
+  -moz-transform: rotate(110deg);
+  -o-transform: rotate(110deg);
+  -ms-transform: rotate(110deg);
+  transform: rotate(110deg);
+}
+
+.ui.rotate.left.reveal > .visible.content {
+  -webkit-transform-origin: bottom left;
+  -moz-transform-origin: bottom left;
+  -o-transform-origin: bottom left;
+  -ms-transform-origin: bottom left;
+  transform-origin: bottom left;
+}
+.ui.rotate.left.reveal:hover > .visible.content {
+  -webkit-transform: rotate(-110deg);
+  -moz-transform: rotate(-110deg);
+  -o-transform: rotate(-110deg);
+  -ms-transform: rotate(-110deg);
+  transform: rotate(-110deg);
+}
+
+/*******************************
+              States
+*******************************/
+
+.ui.disabled.reveal {
+  opacity: 1 !important;
+}
+.ui.disabled.reveal > .content {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  -ms-transition: none !important;
+  transition: none !important;
+}
+.ui.disabled.reveal:hover > .visible.content {
+  position: static !important;
+  display: block !important;
+  opacity: 1 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  bottom: auto !important;
+  transform: none !important;
+}
+.ui.disabled.reveal:hover > .hidden.content {
+  display: none !important;
+}
+
+
+/*******************************
+           Variations
+*******************************/
+
+/*--------------
+     Masked
+---------------*/
+
+.ui.masked.reveal {
+  overflow: hidden;
+}
+
+/*--------------
+     Instant
+---------------*/
+
+.ui.instant.reveal > .content {
+  -webkit-transition-delay: 0s !important;
+  -moz-transition-delay: 0s !important;
+  -o-transition-delay: 0s !important;
+  -ms-transition-delay: 0s !important;
+  transition-delay: 0s !important;
+}