furatto 1.0.1 → 1.0.2

data/vendor/assets/stylesheets/furatto/_base.scss

@@ -34,7 +34,6 @@ html {
 
 html, body {
   overflow-x: hidden;
-  height: 100%;
   font-size: $base-font-size;
   font-weight: $base-font-weight;
   @include hyphens(auto);
@@ -63,6 +62,7 @@ body {
   margin: 0;
   font-family: $base-font-family;
   line-height: $base-line-height;
+  height: 100%;
 }
 
 img,

data/vendor/assets/stylesheets/furatto/_buttons.scss

@@ -174,9 +174,9 @@ $button-block-media-query-width: px-to-rems(480) !default;
 @mixin button($background-color: $button-default-background-color, 
            $padding: $button-default, 
            $font-size: $button-font-default, 
-           $include-radius-style: true, 
-           $include-block-style: true,
-           $include-pill-style: true) {
+           $include-radius-style: false, 
+           $include-block-style: false,
+           $include-pill-style: false) {
   @include button-base;
   @include button-style($background-color);
   @include button-size($padding, $font-size);

data/vendor/assets/stylesheets/furatto/_forms.scss

@@ -76,6 +76,7 @@ label {
   cursor: $form-label-cursor;
   font-size: $form-label-font-size;
   font-weight: $form-label-font-weight;
+  color: $form-label-color;
 
   &.error {
     color: $form-label-error-color; 
@@ -206,6 +207,8 @@ select {
   url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==') no-repeat $form-select-backgroun-x-position center;
   ; 
 
+  height: $form-input-height;
+
   //Firefox fix
   text-indent: 0.01px;
   text-overflow: "";

data/vendor/assets/stylesheets/furatto/_grid.scss

@@ -16,8 +16,16 @@ $row-text-rendering: optimizespeed !default;
 $row-next-to-row-separation: 0.14285714rem !default;
 
 //Columns settings
-$col-padding: 0.57142857rem !default;
+$col-top-padding: 8px !default;
+$col-right-padding: 8px !default;
+$col-bottom-padding: 8px !default;
+$col-left-padding: 0 !default;
+$col-padding: $col-top-padding $col-right-padding $col-bottom-padding $col-left-padding !default;
+
+//Stack columns
 $stack-column-separation: 2px !default;
+$stack-column-padding-right: 0 !default;
+$stack-column-padding-left: 0 !default;
 
 //Media
 $grid-max-width: 54.85714286rem !default;
@@ -41,9 +49,7 @@ $col-border-alpha: 0.5 !default;
 
   @for $i from 1 through $columns {
     .col-#{$i} {
-      $current-width: ($column-width * $i) - $column-separation-factor;
-      width: percentage($current-width / 100);
-      margin-left: percentage($column-separation-factor / 100);
+      width: percentage(($column-width * $i) / 100);
     }
   }
 }
@@ -75,10 +81,6 @@ $col-border-alpha: 0.5 !default;
 
   //Columns
   @include grid-columns;
-
-  [class*="col-"]:first-child {
-    margin-left: 0;
-  }
 }
 
 //Separation between rows
@@ -134,9 +136,11 @@ $col-border-alpha: 0.5 !default;
       }
     }
   }
-  .row > [class *= "col-"] {
+  .row > [class*="col-"] {
     width: 100%;
     margin-left: 0;
     margin-bottom: $stack-column-separation;
+    padding-right: $stack-column-padding-right;
+    padding-left: $stack-column-padding-left;
   }
 }

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

@@ -141,3 +141,22 @@
   -ms-flex: $value;
   flex: $value;
 }
+
+//Inline navigation mixin
+
+@mixin inline-list($list-style: none,
+                   $list-style-position: inside,
+                   $padding: 10px,
+                   $left-list-item-margin: 10px) {
+  @extend %clearfix;
+  margin: 0;
+  display: block;
+  list-style: $list-style;
+  list-style-position: $list-style-position;
+  padding: $padding;
+
+  & > li {
+    float: left;
+    margin-left: $left-list-item-margin;
+  }
+}

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

@@ -6,6 +6,7 @@
 
 //General settings
 $modal-width: 80% !default;
+$modal-margin-left: ((40 * $modal-width) / 80) !default;
 $modal-z-index: 1050 !default;
 $modal-color: #FFF !default;
 $modal-top-position: px-to-rems(80) !default;
@@ -72,7 +73,7 @@ $include-super-scaled-effect: true !default;
   color: $modal-color;
   top: $modal-top-position;
   width: $modal-width;
-  margin-left: -40%;
+  margin-left: -$modal-margin-left;
   left: 50%;
 
   &.modal-show {

data/vendor/assets/stylesheets/furatto/_navigation_bar.scss

@@ -65,6 +65,9 @@ $navigation-bar-dropdown-divider-height: px-to-rems(1) !default;
 $navigation-bar-dropdown-anchor-height: 45px !default;
 $navigation-bar-dropdown-anchor-line-height: $navigation-bar-dropdown-anchor-height !default;
 $navigation-bar-dropdown-right-position: 0px !default;
+$navigation-bar-dropdown-border: 1px solid lighten($navigation-bar-background, 10%);
+$include-navigation-bar-dropdown-top-border: false;
+$navigation-bar-dropdown-radius: 3px;
 
 
 //Media
@@ -217,6 +220,13 @@ $navigation-bar-uncollapse-query: "#{$media-display} and (min-width: #{$media-co
         left: 0;
         z-index: $navigation-bar-dropdown-z-index;
         min-width: 100%;
+        @include border-radius(0px 0px $navigation-bar-dropdown-radius $navigation-bar-dropdown-radius);
+        border: $navigation-bar-dropdown-border;
+
+        //Handle the top border on dropdowns as not always should be there
+        @if $include-navigation-bar-dropdown-top-border == false {
+          border-top: none;
+        }
 
         li {
           width: 100%;

data/vendor/assets/stylesheets/furatto/_toolbars.scss

@@ -1,199 +1,199 @@
-//Toolbars
-
-@import 'functions';
-
-//
-//@variables
-//
-
-$toolbar-background-color: #232323 !default;
-$toolbar-border-radius: 0px !default;
-$toolbar-item-height: 34px !default;
-$toolbar-item-line-height: $toolbar-item-height !default;
-$toolbar-item-width: 44px !default;
-$toolbar-item-color: #FFF !default;
-$toolbar-arrow-border-width: 7px !default;
-
-
-//Toolbar variations
-$include-toolbar-variations: false !default;
-$toolbar-primary-background-color: #3498db !default;
-$toolbar-danger-background-color: #e74c3c !default;
-$toolbar-warning-background-color: #f39c12 !default;
-
-//Toolbar positions
-$include-toolbar-top-position: true !default;
-$include-toolbar-bottom-position: true !default;
-$include-toolbar-left-position: true !default;
-$include-toolbar-right-position: true !default;
-
-.tool-container {
-	background-color: $toolbar-background-color;
-	position: absolute;				
-  @include border-radius($toolbar-border-radius);
-
-  &.tool-top,
-  &.tool-bottom {
-    height: $toolbar-item-height;
-  }
-
-  @if($include-toolbar-variations) {
-    &.primary {
-      background: $toolbar-primary-background-color;
-    }
-    &.danger {
-      background: $toolbar-danger-background-color;
-    }
-    &.warning {
-      background: $toolbar-warning-background-color;
-    }
-  }
-}
-
-.tool-items {
-	height: 100%;	
-
-  a {
-    color: $toolbar-item-color;
-  }
-}
-
-.tool-top .tool-item, .tool-bottom .tool-item {
-	float: left;
-}
-
-.tool-left .tool-item, .tool-right .tool-item {
-	height: $toolbar-item-height;
-}
-
-
-.tool-item {
-	height: 100%;
-	display: block;				
-	width: $toolbar-item-width;
-	text-align: center;
-
-  &:hover { text-decoration: none;}
-
-  i {
-    line-height: $toolbar-item-line-height;
-  }
-}
-
-.tool-item.selected, .tool-item:hover  {
-	background: darken($toolbar-background-color, 5%);
-
-  @if($include-toolbar-variations) {
-    &.primary {
-      background: darken($toolbar-primary-background-color, 5%);
-    }
-
-    &.danger {
-      background: darken($toolbar-danger-background-color, 5%);
-    }
-
-    &.warning {
-      background: darken($toolbar-warning-background-color, 5%);
-    }
-  }
-}
-
-.tool-container .arrow {
-	width:0;
-	height:0;
-	position: absolute;	
-	border-width: $toolbar-arrow-border-width;
-	border-style: solid;
-}
-
-@if ($include-toolbar-top-position) {
-  .tool-container.tool-top .arrow {
-    border-color: $toolbar-bg-color transparent transparent; 
-    left: 50%;  
-    bottom: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
-    margin-left: -1 * $toolbar-arrow-border-width;
-
-    @if($include-toolbar-variations) {
-      &.primary {
-        border-color: $toolbar-primary-background-color transparent transparent; 
-      }
-
-      &.danger {
-        border-color: $toolbar-danger-background-color transparent transparent; 
-      }
-
-      &.warning {
-        border-color: $toolbar-warning-background-color transparent transparent; 
-      }
-    }
-  }
-}
-
-@if ($include-toolbar-bottom-position) {
-  .tool-container.tool-bottom .arrow {
-    border-color: transparent transparent $toolbar-background-color; 
-    left: 50%;  
-    top: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
-    margin-left: -1 * $toolbar-arrow-border-width;
-
-    @if($include-toolbar-variations) {
-      &.primary {
-        border-color: transparent transparent $toolbar-primary-background-color; 
-      }
-
-      &.danger {
-        border-color: transparent transparent $toolbar-danger-background-color; 
-      }
-
-      &.warning {
-        border-color: transparent transparent $toolbar-warning-background-color; 
-      }
-    }
-  }
-}
-
-@if ($include-toolbar-left-position) {
-  .tool-container.tool-left .arrow {
-    border-color: transparent transparent transparent $toolbar-background-color;
-    top: 50%;
-    right: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
-    margin-top: -1 * $toolbar-arrow-border-width;
-
-    @if($include-toolbar-variations) {
-      &.primary {
-        border-color: transparent transparent transparent $toolbar-primary-background-color;
-      }
-
-      &.danger {
-        border-color: transparent transparent transparent $toolbar-danger-background-color;
-      }
-
-      &.warning {
-        border-color: transparent transparent transparent $toolbar-warning-background-color;
-      }
-    }
-  }
-}
-
-@if ($include-toolbar-right-position) {
-  .tool-container.tool-right .arrow {
-    border-color: transparent $toolbar-background-color transparent transparent;
-    top: 50%;
-    left: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
-    margin-top: -1 * $toolbar-arrow-border-width;
-
-    @if($include-toolbar-variations) {
-      &.primary {
-        border-color: transparent $toolbar-primary-background-color transparent transparent;
-      }
-
-      &.danger {
-        border-color: transparent $toolbar-danger-background-color transparent transparent;
-      }
-
-      &.warning {
-        border-color: transparent $toolbar-warning-background-color transparent transparent;
-      }
-    }
-  }
-}
+//Toolbars
+
+@import 'functions';
+
+//
+//@variables
+//
+
+$toolbar-background-color: #232323 !default;
+$toolbar-border-radius: 0px !default;
+$toolbar-item-height: 34px !default;
+$toolbar-item-line-height: $toolbar-item-height !default;
+$toolbar-item-width: 44px !default;
+$toolbar-item-color: #FFF !default;
+$toolbar-arrow-border-width: 7px !default;
+
+
+//Toolbar variations
+$include-toolbar-variations: false !default;
+$toolbar-primary-background-color: #3498db !default;
+$toolbar-danger-background-color: #e74c3c !default;
+$toolbar-warning-background-color: #f39c12 !default;
+
+//Toolbar positions
+$include-toolbar-top-position: true !default;
+$include-toolbar-bottom-position: true !default;
+$include-toolbar-left-position: true !default;
+$include-toolbar-right-position: true !default;
+
+.tool-container {
+	background-color: $toolbar-background-color;
+	position: absolute;				
+  @include border-radius($toolbar-border-radius);
+
+  &.tool-top,
+  &.tool-bottom {
+    height: $toolbar-item-height;
+  }
+
+  @if($include-toolbar-variations) {
+    &.primary {
+      background: $toolbar-primary-background-color;
+    }
+    &.danger {
+      background: $toolbar-danger-background-color;
+    }
+    &.warning {
+      background: $toolbar-warning-background-color;
+    }
+  }
+}
+
+.tool-items {
+	height: 100%;	
+
+  a {
+    color: $toolbar-item-color;
+  }
+}
+
+.tool-top .tool-item, .tool-bottom .tool-item {
+	float: left;
+}
+
+.tool-left .tool-item, .tool-right .tool-item {
+	height: $toolbar-item-height;
+}
+
+
+.tool-item {
+	height: 100%;
+	display: block;				
+	width: $toolbar-item-width;
+	text-align: center;
+
+  &:hover { text-decoration: none;}
+
+  i {
+    line-height: $toolbar-item-line-height;
+  }
+}
+
+.tool-item.selected, .tool-item:hover  {
+	background: darken($toolbar-background-color, 5%);
+
+  @if($include-toolbar-variations) {
+    &.primary {
+      background: darken($toolbar-primary-background-color, 5%);
+    }
+
+    &.danger {
+      background: darken($toolbar-danger-background-color, 5%);
+    }
+
+    &.warning {
+      background: darken($toolbar-warning-background-color, 5%);
+    }
+  }
+}
+
+.tool-container .arrow {
+	width:0;
+	height:0;
+	position: absolute;	
+	border-width: $toolbar-arrow-border-width;
+	border-style: solid;
+}
+
+@if ($include-toolbar-top-position) {
+  .tool-container.tool-top .arrow {
+    border-color: $toolbar-bg-color transparent transparent; 
+    left: 50%;  
+    bottom: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
+    margin-left: -1 * $toolbar-arrow-border-width;
+
+    @if($include-toolbar-variations) {
+      &.primary {
+        border-color: $toolbar-primary-background-color transparent transparent; 
+      }
+
+      &.danger {
+        border-color: $toolbar-danger-background-color transparent transparent; 
+      }
+
+      &.warning {
+        border-color: $toolbar-warning-background-color transparent transparent; 
+      }
+    }
+  }
+}
+
+@if ($include-toolbar-bottom-position) {
+  .tool-container.tool-bottom .arrow {
+    border-color: transparent transparent $toolbar-background-color; 
+    left: 50%;  
+    top: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
+    margin-left: -1 * $toolbar-arrow-border-width;
+
+    @if($include-toolbar-variations) {
+      &.primary {
+        border-color: transparent transparent $toolbar-primary-background-color; 
+      }
+
+      &.danger {
+        border-color: transparent transparent $toolbar-danger-background-color; 
+      }
+
+      &.warning {
+        border-color: transparent transparent $toolbar-warning-background-color; 
+      }
+    }
+  }
+}
+
+@if ($include-toolbar-left-position) {
+  .tool-container.tool-left .arrow {
+    border-color: transparent transparent transparent $toolbar-background-color;
+    top: 50%;
+    right: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
+    margin-top: -1 * $toolbar-arrow-border-width;
+
+    @if($include-toolbar-variations) {
+      &.primary {
+        border-color: transparent transparent transparent $toolbar-primary-background-color;
+      }
+
+      &.danger {
+        border-color: transparent transparent transparent $toolbar-danger-background-color;
+      }
+
+      &.warning {
+        border-color: transparent transparent transparent $toolbar-warning-background-color;
+      }
+    }
+  }
+}
+
+@if ($include-toolbar-right-position) {
+  .tool-container.tool-right .arrow {
+    border-color: transparent $toolbar-background-color transparent transparent;
+    top: 50%;
+    left: calculate-toolbar-arrow-position($toolbar-arrow-border-width);
+    margin-top: -1 * $toolbar-arrow-border-width;
+
+    @if($include-toolbar-variations) {
+      &.primary {
+        border-color: transparent $toolbar-primary-background-color transparent transparent;
+      }
+
+      &.danger {
+        border-color: transparent $toolbar-danger-background-color transparent transparent;
+      }
+
+      &.warning {
+        border-color: transparent $toolbar-warning-background-color transparent transparent;
+      }
+    }
+  }
+}