furatto 0.0.1 → 0.0.2

data/vendor/assets/stylesheets/furatto.scss

@@ -8,6 +8,7 @@
 @import "compass/css3/box-sizing";
 @import "compass/css3/transform";
 @import "compass/css3/box-shadow";
+@import "compass/css3/images";
 
 //Variables
 @import "furatto/variables";
@@ -36,35 +37,16 @@
 //Navbar
 @import 'furatto/navbar';
 
-//Vertical navbar
-@import 'furatto/vrt_navbar';
-
 //Forms
 @import 'furatto/forms';
 
 //Tables
 @import 'furatto/tables';
-@import 'furatto/_responsive_tables';
-
-//Grid
-@import 'furatto/grid';
-@import 'furatto/responsive-1200px-min';
-@import 'furatto/responsive-767px-max';
-@import 'furatto/responsive-768px-979px';
-
-//Responsive navbar
-@import 'furatto/responsive_navbar';
-@import 'furatto/left_navbar';
+@import 'furatto/responsive_tables';
 
 //Images
 @import 'furatto/images';
 
-//Selects
-@import 'furatto/select';
-
-//Check box/Radio buttons
-@import 'furatto/icheck/all';
-
 //Footer
 @import 'furatto/footer';
 
@@ -74,19 +56,12 @@
 //Base
 @import 'furatto/typography';
 
-//Pagination
-@import 'furatto/pagination';
-
 //Tooltips
 @import 'furatto/tooltips';
 
-//Tags
-@import 'furatto/tags';
-
 //DatePicker
 @import 'furatto/date_picker';
 @import 'furatto/date_picker.date';
-@import 'furatto/date_picker.time';
 
 //Toolbar
 @import 'furatto/toolbars';
@@ -94,8 +69,18 @@
 //Modal
 @import 'furatto/modal';
 
-//Slider
-@import 'furatto/_responsiveslides';
-
 //Drowpdowns
 @import 'furatto/dropdown';
+
+//Panel Menu
+@import 'furatto/panel';
+
+//Grid
+@import 'furatto/grid';
+@import 'furatto/responsive_navbar';
+
+@import 'furatto/dashboard';
+@import 'furatto/responsive_utilities';
+
+//Slider
+@import 'furatto/responsiveslides';

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

@@ -10,11 +10,10 @@
 .alert {
   padding: 8px 35px 8px 14px;
   margin-bottom: $base-line-height;
-  background-color: $orange;
+  background-color: lighten($orange, 40%);
   @include border-radius($base-radius);
   color: $warning-alert-color;
   font-size: $base-font-size;
-  text-shadow: 0 1px 0 rgba(255,255,255,.3);
 
   .header, strong {
     color: $warning-header-color;
@@ -31,7 +30,7 @@
     top: -2px;
     right: -21px;
     line-height: $base-line-height;
-    color: $dark-orange;
+    color: darken($dark-orange, 10%);
     float: right;
     border: none;
     background: none;
@@ -42,7 +41,7 @@
 }
 
 .alert-success {
-  background-color: $green;
+  background-color: lighten($green, 40%);
   color: $success-alert-color;
 
   .header {
@@ -55,7 +54,7 @@
 }
 
 .alert-info {
-  background-color: $blue;
+  background-color: lighten($blue, 35%);
   color: $info-alert-color;
 
   .header, strong {
@@ -68,7 +67,7 @@
 }
 
 .alert-danger {
-  background-color: $red;
+  background-color: lighten($red, 35%);
   color: $danger-alert-color;
 
   .header, strong {

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

@@ -7,10 +7,22 @@
  * Designed and built @kurenn  
  */
 
+*, 
+*:after, 
+*:before { 
+  @include box-sizing(border-box);
+}
+
 html {
   font-family: $font-family;
 }
 
+body {
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+  color: $base-font-color;
+}
+
 h1, h2, h3, h4, h5, h6 {
   font-weight: $base-font-weight;
 }
@@ -20,146 +32,45 @@ a {
   color: $link-color;
 }
 
-html, body {
-  background-color: $bg-color;
-}
-
-body {
-  padding-top: $navbar-height;
-}
-
-.with-left-navbar {
-  padding-left: $vrt-navbar-width + 2em;
-}
-
-/* Jumbo Header */
-/*--------------------------------------*/
-.furatto-jumbo-header {
-  min-height: 300px;
-  width: 100%;
-  display: block;
-  text-align: center;
-  color: $dark-black;
-  padding-bottom: 15px;
-  padding-top: 15px;
-
-  .furatto-jumbo-container {
-    width: 80%;
-    margin: 0 auto;
-  }
-
-  .jumbo-header {
-    font-size: 100px;
-    text-align: center;
-    margin-bottom: 40px;
-    font-weight: 200;
-  }
-
-  .motto {
-    font-size: 40px;
-    font-weight: lighter;
-    margin: 0 0 15px 0;
-  }
-}
-
-/* Layouts */
-/*---------------------------------*/
-
-/* Container (centered, fixed-width layouts) */
-/*-----------------------------*/
-.container {
-  @include container-fixed();
-}
-
-/* Fluid layouts (left aligned, with sidebar, min- & max-width content) */
-/*-----------------------------*/
-.container-fluid {
-  padding-right: $gridGutterWidth;
-  padding-left: $gridGutterWidth;
-  @include clearfix();
+.noscroll {
+  overflow: hidden;
 }
 
-/* Steps for definining furatto */
-/*-----------------------------*/
-.furatto-steps {
-  text-align: center;
-  width: 80%;
-  margin: 0 auto;
-
-  .furatto-steps-header {
-    color: #232323;
-    font-size: 50px;
-    font-weight: lighter;
-  }
-
-  .step-header {
-    color: #666;
-  }
-
-  .step-desc {
-    color: #5a5a5a;
-    width: 80%;
-    margin: 0 auto;
-  }
+html, body {
+  background-color: $bg-color;
+  height: 100%;
+  overflow: hidden;
 }
 
 hr {
-  width: 100%;
-  border-top: 0px;
-  border-bottom: 1px solid #CCC;
+  clear: both;
+  margin: 1.25em 0 1.875em;
+  height: 0;
+  border: solid $hr-color;
+  border-width: 1px 0 0;
 }
 
 .link {
   color: $link-color !important;
-}
 
-.block {
-  display: block; 
-}
-
-/* Furatto Headers */
-/*-------------------------*/
-.furatto-large-header {
-  width: 100%;
-  display: block;
-  text-align: center;
-  color: #232323;
-  padding-bottom: 15px;
-  padding-top: 15px;
-
-  .furatto-large-container {
-    width: 100%;
-    margin: 0 auto;
-  }
-
-  .large-header {
-    font-size: 3em;
-    text-align: center;
-    margin: 0;
-    margin-bottom: 10px;
-    color: #4b4b4b;
-  }
-
-  .motto {
-    font-size: 1.5em;
-    font-weight: lighter;
-    margin: 0 0 15px 0;
-    color: #ccc;
+  &:hover {
+    text-decoration: underline;
   }
 }
 
 .container-center {
-  width: 80%;
+  width: $container-center-width;
   margin: 0 auto;
+  @include clearfix();
 }
 
 /* Blockquote */
 /*----------------------------*/
-.content-quote {
-  color: #666;
+blockquote {
+  color: $blockquote-color;
   font-style: italic;
   line-height: 1.8em;
-  border-left: 5px solid #ddd;
+  border-left: 5px solid $blockquote-border-color;
   padding-left: 1.5em
 }
 
@@ -173,8 +84,9 @@ hr {
   display: none;
 }
 
-.furatto-block {
-  @include clearfix;
+.help-block {
+  color: #666;
+  display: block;
 }
 
 //Floats

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

@@ -13,26 +13,28 @@
   padding: 4px 12px;
   line-height: 20px;
   font-size: $base-font-size;
-  color: #FFF;
-  background-color: $dark-gray;
+  color: $white;
+  background-color: $inverse;
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
   border: none;
-  margin: 0;
-  @include single-transition(opacity, 0.2s, ease-in-out);
-  @include border-radius($base-radius);
-  margin-bottom: 5px;
+  outline: none;
+  @include single-transition(all, 0.3s, ease-in-out);
+  @include border-radius(3px);
+  font-weight: 300;
+  margin: 5px 0;
+  border: 1px solid darken($dark-inverse, 5%);
 
   &:hover, &:focus {
     zoom: 1;
     text-decoration: none;
-    background: $gray;
+    background: $dark-inverse;
   }
 
-  &.disabled, &[disabled] {
+  &.btn-disabled, &[disabled] {
     cursor: no-drop;
-    background-color: $dark-gray;
+    background-color: $dark-inverse;
     @include opacity(0.65);
   }
 
@@ -44,6 +46,16 @@
     margin-right: 5px;
   }
 
+  &.btn-alpha {
+    border: 1px solid $white;
+    background: rgba(0,0,0,0.0);
+
+    &:hover {
+      color: $inverse;
+      background: $white;
+    }
+  }
+
 }
 
 /* Button colors definition */
@@ -51,14 +63,23 @@
 @each $color in $colors {
   .btn-#{nth($color, 1)} {
     background-color: nth($color, 2);
+    border: 1px solid darken(nth($color, 2), 5%);
 
     &:hover, &:focus {
       background-color: nth($color, 3);
     }
 
-    &.disabled, &[disabled] {
+    &.btn-disabled, &[disabled] {
       background-color: nth($color, 2);
     }
+
+    &.btn-alpha {
+      color: $white;
+      font-weight: 300;
+      &:hover {
+        color: nth($color, 3);
+      }
+    }
   }
 }
 
@@ -75,6 +96,11 @@
   font-size: $font-size-xlarge;
 }
 
+.btn-xxlarge {
+  padding: $padding-xxlarge;
+  font-size: $font-size-xlarge;
+}
+
 .btn-small {
   padding: $padding-small;
   font-size: $font-size-small;
@@ -97,4 +123,3 @@
 .btn-block + .btn-block {
   margin-top: 5px;
 }
-

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

@@ -12,7 +12,7 @@ pre {
     padding: 6px 10;
     line-height: 1.3em;
     margin-bottom: 20;
-    border: 1px solid #eee;
+    border: 1px solid #ccc;
 }
 
 code {
@@ -33,14 +33,15 @@ pre, code {
     font-family: Consolas, 'Liberation Mono', Courier, monospace;
     color: #333;
     background: $code-bg;
+    @include border-radius(4px);
 }
 
 pre .comment {
-    color: #999;
+    color: $code-comment-color;
 }
 
 pre .tag, pre .tag-name, pre .support.tag-name {
-    color: rgb(85, 85, 85);
+    color: $code-tag-color;
 }
 
 pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre .id, pre .css-value, pre .entity.function, pre .storage.function {
@@ -48,7 +49,7 @@ pre .keyword, pre .css-property, pre .vendor-prefix, pre .sass, pre .class, pre
 }
 
 pre .css-property, pre .css-value, pre .vendor-prefix, pre .support.namespace {
-    color: #333;
+    color: $code-css-property-color;
 }
 
 pre .constant.numeric, pre .keyword.unit, pre .hex-color {
@@ -57,10 +58,10 @@ pre .constant.numeric, pre .keyword.unit, pre .hex-color {
 }
 
 pre .attribute, pre .variable, pre .support {
-    color:  #757575; /* skinbuilder block-page-text-normal with #1f8dd6 as primary */
+    color:  #4f9fcf; /* skinbuilder block-page-text-normal with #1f8dd6 as primary */
 }
 
 pre .string, pre .support.value  {
     font-weight: normal;
-    color: $dark-blue; /* skinbuilder block-mine-text-low with #1f8dd6 as primary */
+    color: #d44950; /* skinbuilder block-mine-text-low with #1f8dd6 as primary */
 }