furatto 0.0.3 → 1.0.0

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

@@ -0,0 +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;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,92 @@
+//Tooltips
+
+//
+//@variables
+//
+
+$tooltip-font-size: 0.68571429rem !default;
+$tooltip-z-index: 1030 !default;
+$tooltip-padding: 0.25714286rem !default;
+$tooltip-inner-padding: 0.45714286rem !default;
+$tooltip-in-opacity: 1 !default;
+$tooltip-color: #2E323E !default;
+$tooltip-font-color: #FFF !default;
+$tooltip-alignment: center !default;
+$tooltip-radius: 0rem !default;
+$tooltip-border-width: 0.64285714rem !default;
+
+//Tooltip definition
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.tooltip {
+  position: absolute;
+  z-index: $tooltip-z-index;
+  display: block;
+  padding: $tooltip-padding;
+  font-size: $tooltip-font-size;
+
+  &.in {
+    @include opacity($tooltip-in-opacity);
+  }
+
+  //Tooltip positions
+  &.top {
+    margin-top: -3px;
+    .tooltip-arrow {
+      border-top-color: $tooltip-color;
+      border-width: $tooltip-border-width $tooltip-border-width 0;
+      bottom: 0;
+      margin-left: -$tooltip-border-width;
+      left: 50%;
+    }
+  }
+
+  &.right {
+    margin-left: 3px;
+    .tooltip-arrow {
+      border-right-color: $tooltip-color;
+      border-width: $tooltip-border-width $tooltip-border-width $tooltip-border-width 0;
+      margin-top: -$tooltip-border-width;
+      left: -3px;
+      top: 50%;
+    }
+  }
+
+  &.bottom {
+    margin-top: 3px;
+    .tooltip-arrow {
+      border-bottom-color: $tooltip-color;
+      border-width: 0 $tooltip-border-width $tooltip-border-width;
+      margin-left: -$tooltip-border-width;
+      top: -1px;
+      left: 50%;
+    }
+  }
+
+  &.left {
+    margin-left: -3px;
+    .tooltip-arrow {
+      border-left-color: $tooltip-color;
+      border-width: $tooltip-border-width 0px $tooltip-border-width $tooltip-border-width;
+      margin-top: -$tooltip-border-width;
+      right: -3px;
+      top: 50%;
+    }
+  }
+}
+
+//Tooltip inner definition
+.tooltip-inner {
+  background-color: $tooltip-color;
+  padding: $tooltip-inner-padding;
+  text-align: $tooltip-alignment;
+  color: $tooltip-font-color;
+  @include border-radius($tooltip-radius);
+}
+

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

@@ -0,0 +1,243 @@
+//Typography
+
+//Reset
+
+//
+//@variables
+//
+@import 'functions';
+
+$typography-line-height: 1.6 !default;
+$typography-reset: true !default;
+
+// Paragraphs settings
+$paragraph-font-weight: inherit !default;
+$paragraph-font-size: px-to-rems(14) !default;
+$paragraph-line-height: 1.5 !default;
+$paragraph-text-rendering: optimizeLegibility !default;
+
+//Lists
+$list-font-size: $paragraph-font-size !default;
+$list-line-height: $paragraph-line-height !default;
+$list-margin-bottom: px-to-rems(20) !default;
+$list-margin-left: px-to-rems(15) !default;
+
+//Data lists
+$data-list-margin-bottom: px-to-rems(20) !default;
+$data-list-line-height: 1.2 !default;
+$data-list-font-weight: bold !default;
+$data-list-data-margin-left: px-to-rems(10) !default;
+
+// Anchors settings
+$anchor-color: #0088cc !default;
+$anchor-text-decoration: none !default;
+$anchor-text-decoration-hover: underline !default;
+
+// Headings settings
+$headings-margin-top: 0.35714286rem !default;
+$headings-margin-bottom: px-to-rems(16) !default;
+$headings-font-weight: 400 !default;
+$headings-line-height: 1.4 !default;
+$headings-text-rendering: optimizeLegibility !default;
+$headings-color: #222 !default;
+$h1-font-size: px-to-rems(36) !default;
+$h2-font-size: px-to-rems(28) !default;
+$h3-font-size: px-to-rems(25) !default;
+$h4-font-size: px-to-rems(20) !default;
+$h5-font-size: px-to-rems(16) !default;
+$h6-font-size: px-to-rems(14) !default;
+
+//small settings
+$small-color: #ecf0f1 !default;
+$small-font-size: 60% !default;
+
+//hr settings
+$hr-color: #DDD !default;
+$hr-style: solid !default;
+$hr-border-width: 0.07142857rem !default;
+$hr-margin-top: px-to-rems(22) !default;
+$hr-margin-bottom: $hr-margin-top !default;
+
+//Blockquote
+$blockquote-color: #777 !default;
+$blockquote-background: lighten(#EFEFEF, 5%) !default;
+$blockquote-line-height: 1.8em !default;
+$blockquote-border-width: 5px !default;
+$blockquote-border-style: solid !default;
+$blockquote-border-color: #DDD !default;
+$blockquote-padding-left: 1.5em !default;
+$blockquote-padding-right: $blockquote-padding-left !default;
+$blockquote-padding-top: 1rem !default;
+$blockquote-padding-bottom: $blockquote-padding-top !default;
+$blockquote-border-primary-color: lighten(#3498d9, 20%) !default;
+$blockquote-border-success-color: lighten(#2ECC71, 20%) !default;
+$blockquote-border-danger-color: lighten(#E74C3C, 20%) !default;
+
+//Media queries
+$medium-screen: 70.85714286rem !default;
+$medium-screen-max: 70.78571429rem !default;
+$medium-screen-range: "(min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
+
+@if ($typography-reset) {
+  a, abbr, acronym, address, 
+  b, big, cite, code, del, em, 
+  i, ins, kbd, mark, output, 
+  q, ruby, s, samp, small, 
+  strong, sub, sup, div,
+  time, u, dfn, 
+  h1, h2, h3, h4, h5, h6, p, pre,
+  table, caption, tbody, tfoot, 
+  thead, tr, th, td, canvas, 
+  embed, figure, iframe, 
+  {
+    margin: 0;
+    padding: 0;
+  }
+
+  p {
+    font-weight: $paragraph-font-weight;
+    font-size: $paragraph-font-size;
+    margin-bottom: px-to-rems(16);
+    text-rendering: $paragraph-text-rendering;
+    line-height: $paragraph-line-height;
+  }
+
+  a {
+    color: $anchor-color;
+    line-height: inherit;
+    text-decoration: $anchor-text-decoration;
+
+    &:hover,
+    &:focus {
+      text-decoration: $anchor-text-decoration-hover;
+    }
+
+    img {
+      border: none;
+    }
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin: $headings-margin-top 0 $headings-margin-bottom 0;
+    font-family: inherit;
+    font-weight: $headings-font-weight;
+    line-height: $headings-line-height;
+    text-rendering: $headings-text-rendering; // Fix the character spacing for headings
+    font-style: normal;
+    color: $headings-color;
+
+    small {
+      font-weight: normal;
+      line-height: 0;
+      color: $small-color;
+      font-size: $small-font-size;
+    }
+  }
+
+  h1 { font-size: $h1-font-size } 
+  h2 { font-size: $h2-font-size } 
+  h3 { font-size: $h3-font-size } 
+  h4 { font-size: $h4-font-size } 
+  h5 { font-size: $h5-font-size; } 
+  h6 { font-size: $h6-font-size; } 
+
+  hr {
+    clear: both;
+    margin: $hr-margin-top 0 $hr-margin-bottom;
+    height: 0;
+    border: $hr-style $hr-color;
+    border-width: $hr-border-width 0 0;
+  }
+
+  //Emphasis & miscelaneous
+
+  em, strong, b, small {
+    line-height: inherit;
+  }
+
+  em { 
+    font-style: italic; 
+  }
+
+  strong, b {
+    font-weight: bold; 
+  }
+
+  small {
+    font-size: $small-font-size;
+  }
+
+  //Lists
+  ul, 
+  ol,
+  dl {
+    font-size: $list-font-size;
+    padding: 0;
+    margin-bottom: $list-margin-bottom;
+    margin-left: $list-margin-left;
+    line-height: $list-line-height;
+  }
+
+  ul ul,
+  ul ol,
+  ol ol,
+  ol ul {
+    margin-bottom: 0;
+  }
+
+  // Remove default list styles
+  ul.no-style,
+  ol.no-style {
+    margin-left: 0;
+    list-style: none;
+  }
+
+  // Description Lists
+  dl {
+    margin-bottom: $data-list-margin-bottom;
+  }
+  dt,
+  dd {
+    line-height: $data-list-line-height;
+  }
+  dt {
+    font-weight: $data-list-font-weight;
+  }
+  dd {
+    margin-left: $data-list-data-margin-left / 2;
+  }
+  // Horizontal layout (like forms)
+  .dl-horizontal {
+    @extend %clearfix; // Ensure dl clears floats if empty dd elements present
+    dt {
+      float: left;
+      clear: left;
+      text-align: right;
+    }
+  }
+
+  //Blockquote
+  blockquote {
+    color: $blockquote-color;
+    font-style: italic;
+    line-height: $blockquote-line-height;
+    border-left: $blockquote-border-width $blockquote-border-style $blockquote-border-color;
+    padding: $blockquote-padding-top 0 $blockquote-padding-bottom $blockquote-padding-left;
+    background: $blockquote-background;
+
+    &.primary { border-color: $blockquote-border-primary-color; }
+    &.success { border-color: $blockquote-border-success-color; }
+    &.danger { border-color: $blockquote-border-danger-color; }
+
+    p {
+      margin-bottom: 0;
+    }
+  }
+
+  @media #{$medium-screen-range} {
+    h1 { font-size: $h1-font-size; }
+    h2 { font-size: $h2-font-size; }
+    h3 { font-size: $h3-font-size; }
+    h4 { font-size: $h4-font-size; }
+  }
+}