less-rails-semantic_ui 1.0.1.0

data/assets/stylesheets/semantic_ui/themes/default/modules/rating.variables

@@ -0,0 +1,65 @@
+/*******************************
+             Rating
+*******************************/
+
+@display: inline-block;
+@margin: 0em 0.75rem ;
+
+@verticalAlign: baseline;
+@oversizedVerticalAlign: middle;
+
+@iconHitbox: 1.1em;
+@inactiveColor: rgba(0, 0, 0, 0.15);
+
+/*-------------------
+        Types
+--------------------*/
+
+/* Star */
+@starIconHitbox: @iconHitbox;
+@starInactiveColor: @inactiveColor;
+@starSelectedColor: #FFB70A;
+@starActiveColor: #FFE623;
+@starActiveShadow:
+  0px -1px 0px #CFA300,
+  -1px 0px 0px #CFA300,
+  0px 1px 0px #CFA300,
+  1px 0px 0px #CFA300
+;
+
+/* Heart */
+@heartIconHitbox: 1.25em;
+@heartInactiveColor: @inactiveColor;
+@heartSelectedColor: #FF2733;
+@heartActiveColor: #FF2733;
+@heartActiveShadow:
+  0px -1px 0px #9E0000,
+  -1px 0px 0px #9E0000,
+  0px 1px 0px #9E0000,
+  1px 0px 0px #9E0000
+;
+
+
+/*-------------------
+        States
+--------------------*/
+
+@inactiveColor: rgba(0, 0, 0, 0.15);
+@hoverColor: @textColor;
+@activeColor: @darkTextColor;
+
+@interactiveIconOpacity: 0.5;
+@interactiveSelectedIconOpacity: 1;
+
+/*-------------------
+      Variations
+--------------------*/
+
+@mini: 0.7rem;
+@tiny: 0.8rem;
+@small: 0.875rem;
+@medium: 1rem;
+@large: 1.1rem;
+@big: 1.25rem;
+@huge: 1.5rem;
+@massive: 2rem;

data/assets/stylesheets/semantic_ui/themes/default/modules/search.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/modules/search.variables

@@ -0,0 +1,140 @@
+/*******************************
+            Search
+*******************************/
+
+/* Search Prompt */
+@promptFontSize: 1em;
+@promptVerticalPadding: 0.8em;
+@promptHorizontalPadding: 1em;
+@promptLineHeight: 1.2;
+@promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding;
+@promptBackground: #FFFFFF;
+@promptBorder: 1px solid @borderColor;
+@promptBorderRadius: @circularRadius;
+@promptColor: @textColor;
+@promptTransition:
+  background-color 0.2s ease,
+  color 0.2s ease,
+  box-shadow 0.2s ease,
+  border-color 0.2s ease
+;
+@promptBoxShadow: 0em 0em 0em 0em transparent inset;
+
+/* Result Box */
+@resultsWidth: 16em;
+@resultsBackground: #FFFFFF;
+@resultsDistance: 0.5em;
+@resultsBorderRadius: 0.25em;
+@resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
+
+/* Result */
+@resultFontSize: 1em;
+@resultVerticalPadding: 0.5em;
+@resultHorizontalPadding: 1em;
+@resultTextColor: @textColor;
+@resultLineHeight: 1.33;
+@resultDivider: 1px solid @borderColor;
+@resultLastDivider: none;
+
+/* Result Image */
+@resultImageFloat: right;
+@resultImageBackground: none;
+@resultImageWidth: 5em;
+@resultImageHeight: 3em;
+@resultImageBorderRadius: 0.25em;
+@resultImageMargin: 0em 6em 0em 0em;
+
+/* Result Content */
+@resultTitleFont: @headerFont;
+@resultTitleFontWeight: bold;
+@resultTitleFontSize: 1em;
+@resultTitleColor: @darkTextColor;
+
+/* Description */
+@resultDescriptionFontSize: 0.9285em;
+@resultDescriptionDistance: 0em;
+@resultDescriptionColor: @lightTextColor;
+
+/* Price */
+@resultPriceFloat: right;
+@resultPriceColor: @green;
+
+/* Special Message */
+@messageVerticalPadding: 1em;
+@messageHorizontalPadding: 1em;
+@messageHeaderFontSize: 1.1428em;
+@messageHeaderFontWeight: bold;
+@messageHeaderColor: @textColor;
+@messageDescriptionDistance: 0.25rem;
+@messageDescriptionFontSize: 1em;
+@messageDescriptionColor: @textColor;
+
+/* All Results Link */
+@actionBorder: none;
+@actionBackground: @darkWhite;
+@actionPadding: 0.5em 1em;
+@actionColor: @textColor;
+@actionFontWeight: bold;
+@actionAlign: center;
+
+
+/*******************************
+            States
+*******************************/
+
+/* Hover */
+@resultHoverBackground: @offWhite;
+@actionHoverBackground: #E0E0E0;
+
+/* Loading */
+@loaderSize: 1.2857em;
+@loaderOffset: -(@loaderSize / 2);
+@loaderMargin: @loaderOffset 0em 0em @loaderOffset;
+@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
+
+/* Active Category */
+@categoryActiveBackground: @darkWhite;
+@categoryNameActiveColor: @textColor;
+
+/* Active Result */
+@resultActiveBorderLeft: transparent;
+@resultActiveBackground: @darkWhite;
+@resultActiveBoxShadow: 3px 0px 3px 0px @borderColor;
+@resultActiveTitleColor: @darkTextColor;
+@resultActiveDescriptionColor: @darkTextColor;
+@resultsZIndex: 998;
+
+
+/*******************************
+            Types
+*******************************/
+
+/* Category */
+@categoryBackground: @darkWhite;
+@categoryBoxShadow: none;
+@categoryDivider: 1px solid @borderColor;
+@categoryTransition:
+  background 0.2s ease,
+  border-color 0.2s ease
+;
+
+@categoryResultsWidth: 28em;
+
+@categoryResultBackground: @white;
+@categoryResultLeftBorder: 1px solid @borderColor;
+@categoryResultDivider: 1px solid @borderColor;
+@categoryResultLastDivider: none;
+@categoryResultTransition: @categoryTransition;
+
+@categoryNameWidth: 100px;
+@categoryNameBackground: @darkWhite;
+@categoryNameFont: @pageFont;
+@categoryNameFontSize: 1em;
+@categoryNameFloat: left;
+@categoryNamePadding: 0.4em 1em;
+@categoryNameFontWeight: bold;
+@categoryNameColor: @lightTextColor;
+
+/* Sizes */
+@medium: 1em;
+@large: 1.1em;

data/assets/stylesheets/semantic_ui/themes/default/modules/shape.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/modules/shape.variables

@@ -0,0 +1,35 @@
+/*******************************
+             Shape
+*******************************/
+
+@display: inline-block;
+
+/* Animating */
+@perspective: 2000px;
+
+@duration: 0.6s;
+@easing: ease-in-out;
+
+@hiddenSideOpacity: 0.4;
+@animatingZIndex: 100;
+
+@transition: all @duration @easing;
+@sideTransition: opacity @duration @easing;
+@backfaceVisibility: hidden;
+
+/* Side */
+@sideMargin: 0em;
+
+/*--------------
+      Types
+---------------*/
+
+/* Cube */
+@cubeSize: 15em;
+@cubeBackground: #E6E6E6;
+@cubePadding: 2em;
+@cubeTextColor: @textColor;
+@cubeBoxShadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
+
+@cubeTextAlign: center;
+@cubeFontSize: 2em;

data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/modules/sidebar.variables

@@ -0,0 +1,39 @@
+/*******************************
+             Sidebar
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@dimmerColor: rgba(0, 0, 0, 0.4);
+@canvasBackground: @lightBlack;
+@perspective: 1500px;
+@duration: 500ms;
+@easing: ease;
+
+@boxShadow: 0px 0px 20px @borderColor;
+@horizontalBoxShadow: @boxShadow;
+@verticalBoxShadow: @boxShadow;
+
+/* Indexes */
+@bottomLayer: 1;
+@middleLayer: 2;
+@fixedLayer: 101;
+@topLayer: 102;
+@dimmerLayer: 1000;
+
+
+/*-------------------
+       Variations
+--------------------*/
+
+/* Width */
+@sidebarVeryThinWidth: 60px;
+@sidebarThinWidth: 150px;
+@sidebarWidth: 260px;
+@sidebarWideWidth: 350px;
+@sidebarVeryWideWidth: 475px;
+
+/* Height */
+@sidebarHeight: auto;

data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/modules/sticky.variables

@@ -0,0 +1,12 @@
+/*******************************
+            Sticky
+*******************************/
+
+@transitionDuration: 0.2s;
+@transition:
+  width @transitionDuration @defaultEasing,
+  height @transitionDuration @defaultEasing,
+  top @transitionDuration @defaultEasing,
+  bottom @transitionDuration @defaultEasing
+;
+@zIndex: 800;

data/assets/stylesheets/semantic_ui/themes/default/modules/tab.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Tab Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/modules/tab.variables

@@ -0,0 +1,13 @@
+/*******************************
+              Tab
+*******************************/
+
+/* Loading */
+@loadingMinHeight: 250px;
+@loadingContentPosition: relative;
+@loadingContentOffset: -10000px;
+
+@loaderDistanceFromTop: 100px;
+@loaderSize: 2.5em;
+@loaderOffset: -(@loaderSize / 2);
+@loaderMargin: @loaderOffset 0em 0em @loaderOffset;

data/assets/stylesheets/semantic_ui/themes/default/modules/transition.overrides

@@ -0,0 +1,445 @@
+/*******************************
+           Animations
+*******************************/
+
+/*--------------
+    Emphasis
+---------------*/
+
+.flash.transition {
+  animation-name: flash;
+}
+.shake.transition {
+  animation-name: shake;
+}
+.bounce.transition {
+  animation-name: bounce;
+}
+.tada.transition {
+  animation-name: tada;
+}
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+.pulse.transition {
+  animation-name: pulse;
+}
+
+/* Flash */
+@keyframes flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+/* Shake */
+@keyframes shake {
+  0%, 100% {
+    transform: translateX(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translateX(-10px);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translateX(10px);
+  }
+}
+
+/* Bounce */
+@keyframes bounce {
+  0%, 20%, 50%, 80%, 100% {
+    transform: translateY(0);
+  }
+  40% {
+    transform: translateY(-30px);
+  }
+  60% {
+    transform: translateY(-15px);
+  }
+}
+
+/* Tada */
+@keyframes tada {
+  0% {
+    transform: scale(1);
+  }
+  10%, 20% {
+    transform: scale(0.9) rotate(-3deg);
+  }
+  30%, 50%, 70%, 90% {
+    transform: scale(1.1) rotate(3deg);
+  }
+  40%, 60%, 80% {
+    transform: scale(1.1) rotate(-3deg);
+  }
+  100% {
+    transform: scale(1) rotate(0);
+  }
+}
+
+/* Pulse */
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(0.9);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+
+}
+
+
+/*--------------
+     Slide
+---------------*/
+
+.slide.down.transition.in {
+  animation-name: slideIn;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+.slide.down.transition.out {
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+}
+
+.slide.up.transition.in {
+  animation-name: slideIn;
+  transform-origin: 50% 100%;
+}
+.slide.up.transition.out {
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+}
+
+@keyframes slideIn {
+  0% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+  100% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}
+
+
+
+/*--------------
+     Flips
+---------------*/
+
+.flip.transition.in,
+.flip.transition.out {
+  perspective: 2000px;
+}
+.horizontal.flip.transition.in {
+  animation-name: horizontalFlipIn;
+}
+.horizontal.flip.transition.out {
+  animation-name: horizontalFlipOut;
+}
+.vertical.flip.transition.in {
+  animation-name: verticalFlipIn;
+}
+.vertical.flip.transition.out {
+  animation-name: verticalFlipOut;
+}
+
+/* Horizontal */
+@keyframes horizontalFlipIn {
+  0% {
+    transform: rotateY(-90deg);
+    opacity: 0;
+  }
+  100% {
+    transform: rotateY(0deg);
+    opacity: 1;
+  }
+}
+/* Horizontal */
+@keyframes horizontalFlipOut {
+  0% {
+    transform: rotateY(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateY(90deg);
+    opacity: 0;
+  }
+}
+
+/* Vertical */
+@keyframes verticalFlipIn {
+  0% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+  100% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+
+/*--------------
+      Fades
+---------------*/
+
+.fade.transition.in {
+  animation-name: fadeIn;
+}
+.fade.transition.out {
+  animation-name: fadeOut;
+}
+
+.fade.up.transition.in {
+  animation-name: fadeUpIn;
+}
+.fade.up.transition.out {
+  animation-name: fadeUpOut;
+}
+
+.fade.down.transition.in {
+  animation-name: fadeDownIn;
+}
+.fade.down.transition.out {
+  animation-name: fadeDownOut;
+}
+
+
+/* Fade */
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+/* Fade Up */
+@keyframes fadeUpIn {
+  0% {
+    opacity: 0;
+    transform: translateY(10%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(10%);
+  }
+}
+
+/* Fade Down */
+@keyframes fadeDownIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-10%);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-10%);
+  }
+}
+
+/*--------------
+      Scale
+---------------*/
+
+.scale.transition.in {
+  animation-name: scaleIn;
+}
+.scale.transition.out {
+  animation-name: scaleOut;
+}
+
+/* Scale */
+@keyframes scaleIn {
+  0% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+}
+
+/*--------------
+     Drop
+---------------*/
+
+.drop.transition {
+  transform-origin: top center;
+  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
+}
+.drop.transition.in {
+  animation-name: dropIn;
+}
+.drop.transition.out {
+  animation-name: dropOut;
+}
+
+/* Scale */
+@keyframes dropIn {
+  0% {
+    opacity: 0;
+    transform: scale(0);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes dropOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0);
+  }
+}
+
+/*--------------
+     Browse
+---------------*/
+
+.browse.transition.in {
+  animation-name: browseIn;
+  animation-timing-function: ease;
+}
+.browse.transition.out,
+.browse.transition.out.left {
+  animation-name: browseOutLeft;
+  animation-timing-function: ease;
+}
+.browse.transition.out.right {
+  animation-name: browseOutRight;
+  animation-timing-function: ease;
+}
+
+@keyframes browseIn {
+  0% {
+    transform: scale(0.8) translateZ(0px);
+    z-index: -1;
+  }
+  10% {
+    transform: scale(0.8) translateZ(0px);
+    z-index: -1;
+    opacity: 0.7;
+  }
+  80% {
+    transform: scale(1.05) translateZ(0px);
+    opacity: 1;
+    z-index: 999;
+  }
+  100% {
+    transform: scale(1) translateZ(0px);
+    z-index: 999;
+  }
+}
+@keyframes browseOutLeft {
+  0% {
+    z-index: 999;
+    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+  }
+  50% {
+    z-index: -1;
+    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    z-index: -1;
+    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+    opacity: 0;
+  }
+}
+@keyframes browseOutRight {
+  0% {
+    z-index: 999;
+    transform: translateX(0%) rotateY(0deg) rotateX(0deg);
+  }
+  50% {
+    z-index: 1;
+    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
+  }
+  80% {
+    opacity: 1;
+  }
+  100% {
+    z-index: 1;
+    transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
+    opacity: 0;
+  }
+}