furatto 0.0.3 → 1.0.0

data/app/assets/stylesheets/furatto/_labels.scss

@@ -1,44 +0,0 @@
-/*------------------------------------*\
-    $LABELS
-\*------------------------------------*/
-/**
- * Basic button structural styling. 
- * 
- * Designed and built @kurenn  
- */
-
-.label, .badge {
-  @include inline-block;
-  padding: 2px 4px;
-  font-size: $base-font-size * .846;
-  font-weight: bold;
-  line-height: 14px;
-  color: #FFF;
-  vertical-align: baseline;
-  white-space: nowrap;
-  /*text-shadow: 0 -1px 0 rgba(0,0,0,.20);*/
-  background: $gray;
-  @include border-radius(2px);
-}
-
-//Badges border radius
-.badge {
-  @include border-radius(50%);
-  padding: 5px 8px;
-}
-
-//Labels and badges colors definitions
-@each $color in $colors {
-  .label-#{nth($color, 1)}, .badge-#{nth($color, 1)} {
-    background-color: nth($color, 2);
-  }
-}
-
-a {
-  &.label:hover,
-  &.label:focus {
-    color: #FFF;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}

data/app/assets/stylesheets/furatto/_mixins.scss

@@ -1,200 +0,0 @@
-/*------------------------------------*\
-    $MIXINS
-\*------------------------------------*/
-/**
- * MIXINS COLLECTION
- * 
- * Designed and built @kurenn  
- */
-
-//Clears the float from any element
-@mixin clearfix {
-  &:before, &:after {
-    display: table;
-    content: "";
-  }
-
-  &:after {
-    clear: both;
-  }
-}
-
-@mixin inline-block {
-  display: inline-block;
-  zoom: 1;
-  *display: inline;
-}
-
-@mixin center-block {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-@mixin hyphens($mode: auto) {
-  word-wrap: break-word;
-  -webkit-hyphens: $mode;
-  -moz-hyphens: $mode;
-  -ms-hyphens: $mode; // IE10+
-  -o-hyphens: $mode;
-  hyphens: $mode;
-}
-
-//Credits to bootstrap
-@mixin responsive-invisibility {
-  display: none !important;
-
-  tr, th, td {
-    display: none !important;
-  }
-}
-
-@mixin responsive-visibility {
-  display: block !important;
-
-  &.btn {
-    display: inline-block !important;
-  }
-
-  tr {
-    display: table-row !important;
-  }
-
-  th, td {
-    display: table-cell !important;
-  }
-}
-@mixin opacity ( $opacity ) {
-  opacity: $opacity;
-  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" $opacity * 100 ")";
-  filter: alpha(opacity= $opacity* 100 );
-  zoom: 1;
-}
-
-
-@mixin img-responsive {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-
-// FORMS
-// --------------------------------------------------
-
-// Block level inputs
-@mixin input-block-level {
-  display: block;
-  width: 100%;
-  min-height: $input-height; // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  @include box-sizing(border-box); // Makes inputs behave like true block-level elements
-}
-
-@mixin dropdown-arrow($color: $select-options-bg, $top: 5px, $left: 15px, $size: 9px) {
-
-  &:before {
-    content: '';
-    border-style: solid;
-    border-width: 0 $size $size $size;
-    border-color: transparent transparent $color transparent;
-    height: 0px;
-    position: absolute;
-    left: $left;
-    top: $top;
-    width: 0px;
-    // Make corners smooth
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-@mixin nav-divider($top: #e5e5e5, $bottom: #FFF) {
-  // IE7 needs a set width since we gave a height. Restricting just
-  // to IE7 to keep the 1px left/right space in other browsers.
-  // It is unclear where IE is getting the extra space that we need
-  // to negative-margin away, but so it goes.
-  *width: 100%;
-  height: 1px;
-  margin: (($base-line-height / 2) - 1) 1px; // 8px 1px
-  *margin: -5px 0 5px;
-  overflow: hidden;
-  background-color: $top;
-  border-bottom: 1px solid $bottom;
-}
-
-@mixin touch-callout {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: moz-none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-// Font Awesome Mixins 
-// --------------------------
-
-@mixin icon($icon) {
-  @include icon-FontAwesome();
-  content: $icon;
-}
-
-@mixin icon-FontAwesome() {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em; // fixes ie7 issues
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
-  .icon-stack {
-    position: relative;
-    display: inline-block;
-    width: $width;
-    height: $height;
-    line-height: $width;
-    vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
-      display: block;
-      text-align: center;
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      font-size: $top-font-size;
-      line-height: inherit;
-      *line-height: $height;
-    }
-    .icon-stack-base {
-      font-size: $base-font-size;
-      *line-height: #{$height / $base-font-size}em;
-    }
-  }
-}
-
-@mixin build-column-grids($columns: 12) {
-  $unit-width: (100 / $columns);  
-  $column-factor: 0.1833;
-
-
-  @for $i from 1 through $columns {
-    .col-#{$i} {
-      $current-width: ($unit-width * $i) - $column-factor;
-      width: percentage($current-width / 100);
-      margin-left: percentage($column-factor / 100);
-    }
-  }
-
-}
-
-@mixin backface-visibility($property: hidden) {
-	-webkit-backface-visibility: $property;
-	-moz-backface-visibility: $property;
-	backface-visibility: $property;
-}
-
-@mixin perspective($value: 1300px) {
-	-webkit-perspective: $value;
-	-moz-perspective: $value;
-	perspective: $value;
-}

data/app/assets/stylesheets/furatto/_modal.scss

@@ -1,365 +0,0 @@
-/*------------------------------------*\
-    $MODAL
-\*------------------------------------*/
-/**
- * Basic modal structural styling. 
- * 
- * Designed and built @kurenn based on http://labs.voronianski.com/jquery.modal.js/
- */
-
-/* General styles for the modal */
-
-/* 
-Styles for the html/body for special modal where we want 3d effects
-Note that we need a container wrapping all content on the page for the 
-perspective effects (not including the modals and the overlay).
-*/
-
-
-.modal {
-	position: fixed;
-	top: 50%;
-	left: 50%;
-	width: 50%;
-	max-width: $modal-max-width;
-	min-width: $modal-min-width;
-	height: auto;
-	z-index: 2000;
-	visibility: hidden;
-  @include backface-visibility();
-  @include transform(translateX(-50%) translateY(-50%));
-}
-
-.modal-show {
-	visibility: visible;
-}
-
-.modal-overlay {
-	position: fixed;
-	width: 100%;
-	height: 100%;
-	visibility: hidden;
-	top: 0;
-	left: 0;
-	z-index: 1040;
-	opacity: 0;
-	background: rgba(0,0,0,0.8);
-  @include transition(all 0.3s);
-}
-
-.modal-show-overlay {
-	opacity: 1;
-	visibility: visible;
-}
-
-/* Content styles */
-.modal-content {
-	color: rgba(#222, 0.8);
-	background: #f0f0f0;
-	position: relative;
-  @include border-radius(3px);
-	margin: 0 auto;
-  color: $white;
-}
-
-.modal-content-primary {
-	background: $dashboard-primary-bg-color;
-}
-
-.modal-content-danger {
-	background: $dashboard-danger-bg-color;
-}
-
-.modal-content-info {
-  background: $dashboard-info-bg-color;
-}
-
-.modal-content-funky {
-  background: $dashboard-funky-bg-color;
-}
-
-.modal-content-warning {
-  background: $dashboard-warning-bg-color;
-}
-
-.modal-content-success {
-  background: $dashboard-success-bg-color;
-}
-
-.modal-content-inverse {
-  background: $dashboard-inverse-bg-color;
-}
-
-.modal-content .modal-header {
-	margin: 0;
-	padding: 0.4em;
-	text-align: center;
-	font-size: 2.4em;
-	font-weight: 300;
-	opacity: 0.8;
-	background: rgba(0,0,0,0.1);
-  @include border-radius(3px 3px 0 0);
-}
-
-.modal-content > div {
-	padding: 15px 40px 30px;
-	margin: 0;
-	font-weight: 300;
-	font-size: 1.15em;
-}
-
-.modal-content > div p {
-	margin: 0;
-	padding: 10px 0;
-}
-
-.modal-content > div ul {
-	margin: 0;
-	padding: 0 0 30px 20px;
-}
-
-.modal-content > div ul li {
-	padding: 5px 0;
-}
-
-/* Individual modal styles with animations/transitions */
-
-/* Effect 1: Fade in and scale up */
-.modal-effect-1 .modal-content {
-  @include transform(scale(0.7));
-	opacity: 0;
-  @include transition(all 0.3s);
-}
-
-.modal-show.modal-effect-1 .modal-content {
-  @include transform(scale(1));
-	opacity: 1;
-}
-
-/* Effect 2: Slide from the right */
-.modal-effect-2 .modal-content {
-  @include transform(translateX(20%));
-	opacity: 0;
-  @include transition(all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9));
-}
-
-.modal-show.modal-effect-2 .modal-content {
-  @include transform(translateX(0));
-	opacity: 1;
-}
-
-/* Effect 3: Slide from the bottom */
-.modal-effect-3 .modal-content {
-  @include transform(translateY(20%));
-	opacity: 0;
-  @include transition(all 0.3s);
-}
-
-.modal-show.modal-effect-3 .modal-content {
-  @include transform(translateY(0));
-	opacity: 1;
-}
-
-/* Effect 4: Newspaper */
-.modal-effect-4 .modal-content {
-  @include transform(scale(0) rotate(720deg));
-	opacity: 0;
-}
-
-.modal-show.modal-effect-4 ~ .modal-overlay,
-.modal-effect-4 .modal-content {
-  @include transition(all 0.5s);
-}
-
-.modal-show.modal-effect-4 .modal-content {
-  @include transform(scale(1) rotate(0deg));
-	opacity: 1;
-}
-
-/* Effect 5: fall */
-.modal-effect-5.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-5 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(translateZ(600px) rotateX(20deg));
-	opacity: 0;
-}
-
-.modal-show.modal-effect-5 .modal-content {
-  @include transition(all 0.3s ease-in);
-  @include transform(translateZ(0px) rotatex(0deg));
-	opacity: 1;
-}
-
-/* Effect 6: side fall */
-.modal-effect-6.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-6 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(translate(30%) translateZ(600px) rotate(10deg));
-	opacity: 0;
-}
-
-.modal-show.modal-effect-6 .modal-content {
-  @include transition(all 0.3s ease-in);
-  @include transform(translate(0%) translateZ(0) rotate(0deg));
-	opacity: 1;
-}
-
-/* Effect 7:  slide and stick to top */
-.modal-effect-7{
-	top: 0;
-  @include transform(translateX(-50%));
-}
-
-.modal-effect-7 .modal-content {
-	-webkit-transform: translateY(-200%);
-	-moz-transform: translateY(-200%);
-	-ms-transform: translateY(-200%);
-	transform: translateY(-200%);
-  @include transform(translateY(-200%));
-  @include transition(all 0.3s);
-	opacity: 0;
-}
-
-.modal-show.modal-effect-7 .modal-content {
-  @include transform(translateY(0%));
-  @include border-radius(0 0 3px 3px);
-	border-radius: 0 0 3px 3px;
-	opacity: 1;
-}
-
-/* Effect 8: 3D flip horizontal */
-.modal-effect-8.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-8 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(rotateY(-70deg));
-  @include transition(all 0.3s);
-	opacity: 0;
-}
-
-.modal-show.modal-effect-8 .modal-content {
-  @include transform(rotateY(0deg));
-	opacity: 1;
-}
-
-/* Effect 9: 3D flip vertical */
-.modal-effect-9.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-9 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(rotateX(-70deg));
-  @include transition(all 0.3s);
-	opacity: 0;
-}
-
-.modal-show.modal-effect-9 .modal-content {
-  @include transform(rotate(0deg));
-	opacity: 1;
-}
-
-/* Effect 10: 3D sign */
-.modal-effect-10.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-10 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(rotateX(-60deg));
-	-webkit-transform-origin: 50% 0;
-	-moz-transform-origin: 50% 0;
-	transform-origin: 50% 0;
-	opacity: 0;
-  @include transition(all 0.3s);
-}
-
-.modal-show.modal-effect-10 .modal-content {
-  @include transform(rotateX(0deg));
-	opacity: 1;
-}
-
-/* Effect 11: Super scaled */
-.modal-effect-11 .modal-content {
-  @include transform(scale(2));
-	opacity: 0;
-  @include transition(all 0.3s);
-}
-
-.modal-show.modal-effect-11 .modal-content {
-  @include transform(scale(1));
-	opacity: 1;
-}
-
-/* Effect 12:  Just me */
-.modal-effect-12 .modal-content {
-  @include transform(scale(0.8));
-	opacity: 0;
-  @include transition(all 0.3s);
-}
-
-.modal-show.modal-effect-12 ~ .modal-overlay {
-	background: #e74c3c;
-} 
-
-.modal-effect-12 .modal-content h3,
-.modal-effect-12 .modal-content {
-	background: transparent;
-}
-
-.modal-show.modal-effect-12 .modal-content {
-  @include transform(scale(1));
-	opacity: 1;
-}
-
-/* Effect 13: 3D slit */
-.modal-effect-13.modal-modal {
-  @include perspective();
-}
-
-.modal-effect-13 .modal-content {
-	-webkit-transform-style: preserve-3d;
-	-moz-transform-style: preserve-3d;
-	transform-style: preserve-3d;
-  @include transform(translateZ(-3000px) rotateY(90deg)); 
-	opacity: 0;
-}
-
-.modal-show.modal-effect-13 .modal-content {
-	-webkit-animation: slit .7s forwards ease-out;
-	-moz-animation: slit .7s forwards ease-out;
-	animation: slit .7s forwards ease-out;
-}
-
-@-webkit-keyframes slit {
-	50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
-	100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
-}
-
-@-moz-keyframes slit {
-	50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
-	100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
-}
-
-@keyframes slit {
-	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
-	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
-}