furatto 0.0.3 → 1.0.0

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

@@ -1,195 +0,0 @@
-/*------------------------------------*\
-    $RESPONSIVE NAVBAR
-\*------------------------------------*/
-/**
- * Responsive navbar strcucture. 
- * 
- * Designed and built @kurenn  
- */
-
-//Tablets and below
-//------------------------------------
-
-@media (max-width: $nav-bar-collapse-width) {
-
-  .panels {
-    display: block;
-  }
-
-  .panel-content {
-    padding-top: 0 !important;
-  }
-
-  /*Unfix top navbar*/
-  /*Remove any padding from the body */
-  
-  .navbar {
-    .menu-trigger {
-      float: left;
-      display: block;
-      margin-left: 5px;
-      margin-right: 5px;
-      color: $navbar-text;
-      font-size: 50px;
-      line-height: $base-line-height;
-      padding-top: $base-line-height - 5;
-      margin-bottom: 7px; /*compensate the navbar height*/
-
-      @include touch-callout;
-    }
-  }
-
-  .navbar {
-    .navbar-inner {
-      padding-left: 0px;
-    }
-  }
-
-  //Unfix the navbar
-  .navbar-fixed-top,
-  .navbar-fixed-bottom {
-    position: static;
-  }
-
-  .navbar-fixed-bottom {
-    margin-top: $base-line-height;
-  }
-
-  // Account for brand name
-  .navbar .nav .brand {
-    display: block;
-  }
-
-  // COLLAPSIBLE NAVBAR
-  // ------------------
-  // Nav collapse clears brand
-  .nav-collapse {
-    clear: both;
-  }
-  // Block-level the nav
-  .nav-collapse .nav {
-    float: none;
-    margin: 0 0 ($base-line-height / 2);
-    display: none;
-  }
-  .nav-collapse .search-navbar-form {
-    display: none;
-  }
-  .nav-collapse .nav > li {
-    float: none;
-  }
-
-  .nav-collapse .nav > li > a {
-    margin-bottom: 2px;
-  }
-  .nav-collapse .nav > .divider-vertical {
-    display: none;
-  }
-  .nav-collapse .nav .nav-header {
-    color: $navbar-text;
-    text-shadow: none;
-  }
-  // Nav and dropdown links in navbar
-  .nav-collapse .nav > li > a,
-  .nav-collapse .dropdown-menu a {
-    padding: 9px 15px;
-    font-weight: bold;
-    color: $navbar-text;
-    /*.border-radius(3px);*/
-  }
-
-  // Buttons
-  .nav-collapse .btn {
-    padding: 4px 10px 4px;
-    font-weight: normal;
-    /*.border-radius(@baseBorderRadius);*/
-  }
-  .nav-collapse .dropdown-menu li + li a {
-    margin-bottom: 2px;
-  }
-  .nav-collapse .nav > li > a:hover,
-  .nav-collapse .nav > li > a:focus,
-  .nav-collapse .dropdown-menu a:hover,
-  .nav-collapse .dropdown-menu a:focus {
-    background-color: $navbar-bg-color;
-  }
-
-  // Buttons in the navbar
-  .nav-collapse.in .btn-group {
-    margin-top: 5px;
-    padding: 0;
-  }
-
-  // Dropdowns in the navbar
-  .nav-collapse .dropdown-menu {
-    position: static;
-    top: auto;
-    left: auto;
-    float: none;
-    display: none;
-    max-width: none;
-    margin: 0 15px;
-    padding: 0;
-    background-color: transparent;
-    border: none;
-  }
-  .nav-collapse .open > .dropdown-menu { 
-    display: block; 
-  }
-
-  .nav-collapse .dropdown-menu:before,
-  .nav-collapse .dropdown-menu:after {
-    display: none;
-  }
-  .nav-collapse .dropdown-menu .divider {
-    display: none;
-  }
-  .nav-collapse .nav > li > .dropdown-menu {
-    &:before,
-    &:after {
-      display: none;
-    }
-  }
-  
- //STATIC NAVBAR
- //--------------------------------------
- .navbar-static .navbar-inner {
-    padding-left:  10px;
-    padding-right: 10px;
-  }
-  
-}
-
-.navbar-inverse {
-  [data-toggle="panel"] {
-    color: $navbar-inverse-text;
-  }
-}
-
-.panel-content, .panel-left, .panel-content {
-  position: absolute;
-}
-
-.panel-content {
-  z-index: 2;
-  overflow: auto;
-
-  backface-visibility:hidden;
-  -webkit-backface-visibility:hidden; /* Chrome and Safari */
-  -moz-backface-visibility:hidden; /* Firefox */
-  -ms-backface-visibility:hidden; /* Internet Explorer 10+ */
-}
-
-.panels {
-  position: absolute;
-}
-
-@media (min-width: $nav-bar-collapse-width-desktop) {
-
-  // Required to make the collapsing navbar work on regular desktops
-  .nav-collapse.collapse {
-    height: auto !important;
-    overflow: visible !important;
-  }
-
-}

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

@@ -1,28 +0,0 @@
-/*------------------------------------*\
-    $RESPONSIVE TABLES
-\*------------------------------------*/
-/**
- * Responsive tables strcucture from Zurb Foundation.
- * http://zurb.com/playground/responsive-tables
- *
- * Designed and built @kurenn  
- */
-
-@media only screen and (max-width: 768px) {
-	
-	table.responsive { margin-bottom: 0; }
-	
-	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
-	.pinned table { border-right: none; border-left: none; width: 100%; }
-	.pinned table th, .pinned table td { white-space: nowrap; }
-	.pinned td:last-child { border-bottom: 0; }
-	
-	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
-	div.table-wrapper div.scrollable { margin-left: 35%; }
-	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
-	
-	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
-	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
-	
-}
-

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

@@ -1,182 +0,0 @@
-/*------------------------------------*\
-    $RESPONSIVE UTILITIES
-\*------------------------------------*/
-/**
- * Designed and built @kurenn  
- */
-
-.hidden {
-  display: none !important;
-  visibility: hidden !important;
-}
-
-
-.visible-xs {
-  @include responsive-invisibility();
-  @media (max-width: $screen-xs-max) {
-    @include responsive-visibility();
-  }
-  &.visible-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-visibility();
-    }
-  }
-}
-.visible-sm {
-  @include responsive-invisibility();
-  &.visible-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-visibility();
-    }
-  }
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-    @include responsive-visibility();
-  }
-  &.visible-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-visibility();
-    }
-  }
-}
-.visible-md {
-  @include responsive-invisibility();
-  &.visible-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-visibility();
-    }
-  }
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-    @include responsive-visibility();
-  }
-  &.visible-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-visibility();
-    }
-  }
-}
-.visible-lg {
-  @include responsive-invisibility();
-  &.visible-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-visibility();
-    }
-  }
-  &.visible-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-visibility();
-    }
-  }
-  @media (min-width: $screen-lg-min) {
-    @include responsive-visibility();
-  }
-}
-
-.hidden-xs {
-  @include responsive-visibility();
-  @media (max-width: $screen-xs-max) {
-    @include responsive-invisibility();
-  }
-  &.hidden-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-invisibility();
-    }
-  }
-}
-.hidden-sm {
-  @include responsive-visibility();
-  &.hidden-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-invisibility();
-    }
-  }
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-    @include responsive-invisibility();
-  }
-  &.hidden-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-invisibility();
-    }
-  }
-}
-.hidden-md {
-  @include responsive-visibility();
-  &.hidden-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-invisibility();
-    }
-  }
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-    @include responsive-invisibility();
-  }
-  &.hidden-lg {
-    @media (min-width: $screen-lg-min) {
-      @include responsive-invisibility();
-    }
-  }
-}
-.hidden-lg {
-  @include responsive-visibility();
-  &.hidden-xs {
-    @media (max-width: $screen-xs-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-sm {
-    @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-      @include responsive-invisibility();
-    }
-  }
-  &.hidden-md {
-    @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-      @include responsive-invisibility();
-    }
-  }
-  @media (min-width: $screen-lg-min) {
-    @include responsive-invisibility();
-  }
-}

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

@@ -1,185 +0,0 @@
-/*------------------------------------*\
-    $RESPONSIVE SLIDER
-\*------------------------------------*/
-/**
- * Responsive slider strcucture.
- * http://responsiveslides.com/
- *
- * Designed and built @kurenn  
- */
-
-.swiper-container {
-	margin:0 auto;
-	position:relative;
-	overflow:hidden;
-	-webkit-backface-visibility:hidden;
-	-moz-backface-visibility:hidden;
-	-ms-backface-visibility:hidden;
-	-o-backface-visibility:hidden;
-	backface-visibility:hidden;
-	/* Fix of Webkit flickering */
-	z-index:1;
-
-  img {
-    margin: 0;
-  }
-}
-.swiper-wrapper {
-	position:relative;
-	width:100%;
-	-webkit-transition-property:-webkit-transform, left, top;
-	-webkit-transition-duration:0s;
-	-webkit-transform:translate3d(0px,0,0);
-	-webkit-transition-timing-function:ease;
-	
-	-moz-transition-property:-moz-transform, left, top;
-	-moz-transition-duration:0s;
-	-moz-transform:translate3d(0px,0,0);
-	-moz-transition-timing-function:ease;
-	
-	-o-transition-property:-o-transform, left, top;
-	-o-transition-duration:0s;
-	-o-transform:translate3d(0px,0,0);
-	-o-transition-timing-function:ease;
-	-o-transform:translate(0px,0px);
-	
-	-ms-transition-property:-ms-transform, left, top;
-	-ms-transition-duration:0s;
-	-ms-transform:translate3d(0px,0,0);
-	-ms-transition-timing-function:ease;
-	
-	transition-property:transform, left, top;
-	transition-duration:0s;
-	transform:translate3d(0px,0,0);
-	transition-timing-function:ease;
-}
-.swiper-free-mode > .swiper-wrapper {
-	-webkit-transition-timing-function: ease-out;
-	-moz-transition-timing-function: ease-out;
-	-ms-transition-timing-function: ease-out;
-	-o-transition-timing-function: ease-out;
-	transition-timing-function: ease-out;
-	margin: 0 auto;
-}
-.swiper-slide {
-	float: left;
-
-  img {
-    width: 100%;
-  }
-}
-
-/* IE10 Windows Phone 8 Fixes */
-.swiper-wp8-horizontal {
-	-ms-touch-action: pan-y;
-}
-.swiper-wp8-vertical {
-	-ms-touch-action: pan-x;
-}
-
-/* ===============================================================
-Your custom styles, here you need to specify container's and slide's
-sizes, pagination, etc.
-================================================================*/
-.swiper-container {
-	/* Specify Swiper's Size: */
-
-	/*width:200px;
-	height: 100px;*/
-}
-.swiper-slide {
-	/* Specify Slides's Size: */
-	
-	/*width: 100%;
-	height: 100%;*/
-}
-.swiper-slide-active {
-	/* Specific active slide styling: */
-	
-}
-.swiper-slide-visible {
-	/* Specific visible slide styling: */	
-
-}
-/* ===============================================================
-Pagination Styles
-================================================================*/
-.swiper-pagination-switch {
-	/* Stylize pagination button: */	
-
-}
-.swiper-active-switch {
-	/* Specific active button style: */	
-	
-}
-.swiper-visible-switch {
-	/* Specific visible button style: */	
-	
-}
-
-.swiper-container, .swiper-slide {
-  height: auto;
-}
-
-.arrow-left, .arrow-right {
-  position: absolute;
-  top: 50%;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
-}
-
-.swiper-control {
-  position: absolute;
-  top: 0;
-  z-index: 1;
-  color: #FFF;
-  font-size: 30px;
-  cursor: pointer;
-  height: 100%;
-  bottom: 0;
-  width: 15%;
-  text-align: center;
-
-  &.right {
-    right: 0;
-  }
-
-  &.left {
-    left: 0;
-  }
-}
-
-.swiper-caption {
-  text-align: center;
-}
-
-.swiper-pagination {
-  text-align: center;
-  width: 100%;
-}
-
-.swiper-pagination-switch {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border-radius: 10px;
-  background: #999;
-  box-shadow: 0px 1px 2px #555 inset;
-  margin: 0 3px;
-  cursor: pointer;
-}
-
-.swiper-active-switch {
-  background: #fff;
-}
-
-@media (max-width: 767px) {
-  .swiper-caption {
-    font-size: 0.8em;
-  }
-}
-
-@media (min-device-width: 768px) and (max-device-with: 1024px) {
-  .swiper-caption {
-    font-size: 0.8em;
-  }
-}