sassy_ink-rails 1.0.0

data/vendor/assets/stylesheets/ink/components/_alignment.scss

@@ -0,0 +1,46 @@
+// Ink by ZURB
+// zurb.com/ink/
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @variables
+//
+$include-html-alignment-classes: $include-html-classes !default;
+
+@include exports("alignment") {
+	@if $include-html-alignment-classes {
+		/* Alignment & Visibility Classes */
+
+		table.center, td.center {
+		  text-align: center;
+		}
+
+		h1.center,
+		h2.center,
+		h3.center,
+		h4.center,
+		h5.center,
+		h6.center,
+		p.center {
+		  text-align: center;
+		}
+
+		span.center {
+		  display: block;
+		  width: 100%;
+		  text-align: center;
+		}
+
+		img.center {
+		  margin: 0 auto;
+		  float: none;
+		}
+
+		.show-for-small,
+		.hide-for-desktop {
+		  display: none;
+		}
+	}
+}	

data/vendor/assets/stylesheets/ink/components/_block-grid.scss

@@ -0,0 +1,52 @@
+// Ink by ZURB
+// zurb.com/ink/
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @variables
+//
+$include-html-grid-classes: $include-html-classes !default;
+$include-html-block-grid-classes: $include-html-grid-classes !default;
+
+// We use this to control the maximum number of block grid elements per row
+$block-grid-elements: 8 !default;
+$block-grid-default-spacing: $column-gutter !default;
+
+$align-block-grid-to-grid: false !default;
+@if $align-block-grid-to-grid {
+  $block-grid-default-spacing: $column-gutter;
+}
+
+//
+// Block Grid Mixins
+//
+
+// Generate markup for block grid.
+//
+@mixin block-grid-html-classes() {
+  @for $i from 2 through $block-grid-elements {
+    .#{number2word($i)}-up td {
+      width: floor(($container-width - $i * $block-grid-default-spacing) / $i);
+    }
+  }
+}
+
+@include exports("block-grid") {
+  @if $include-html-block-grid-classes {  
+    /* Block Grid */
+
+    .block-grid {
+      width: 100%;
+      max-width: $container-width;
+    }
+
+    .block-grid td {
+      display: inline-block;
+      padding: $block-grid-default-spacing / 2;
+    }
+
+    @include block-grid-html-classes();
+  }
+}

data/vendor/assets/stylesheets/ink/components/_buttons.scss

@@ -0,0 +1,211 @@
+// Ink by ZURB
+// zurb.com/ink/
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @variables
+//
+$include-html-button-classes: $include-html-classes !default;
+
+// We use these to build padding for buttons.
+$button-dft: 8px 0 !default;
+$button-tny: 5px 0 4px !default;
+$button-sml: 8px 0 7px !default;
+$button-med: 12px 0 10px !default;
+$button-lrg: 21px 0 18px !default;
+
+// We use these to control button text styles.
+$button-font-family: $base-font-family !default;
+$button-font-color: #ffffff !default;
+$button-font-color-alt: #555555 !default;
+$button-font-tny: 12px !default;
+$button-font-sml: 16px !default;
+$button-font-med: 20px !default;
+$button-font-lrg: 24px !default;
+
+// We use these to control button border styles.
+$button-border-width: 1px !default;
+$button-border-style: solid !default;
+$button-bg: #2ba6cb !default;
+$button-border-color: #2284a1 !default;
+
+// We use these as default colors throughout
+$primary-color: #2795b6 !default;
+$secondary-color: #e9e9e9 !default;
+$alert-color: #c60f13 !default;
+$success-color: #5da423 !default;
+$secondary-border-color: #d0d0d0 !default;
+$alert-border-color: #457a1a !default;
+$success-border-color: #970b0e !default;
+
+// We use this to set the default radius used throughout the core.
+$button-radius: $global-radius !default;
+$button-round: $global-rounded !default;
+
+@include exports("buttons") {
+  @if $include-html-button-classes {
+    /* Buttons */
+
+    table.button,
+    table.tiny-button,
+    table.small-button,
+    table.medium-button,
+    table.large-button {
+      width: 100%;
+      overflow: hidden;
+    }
+
+    table.button td,
+    table.tiny-button td,
+    table.small-button td,
+    table.medium-button td,
+    table.large-button td {
+      display: block;
+      width: auto !important;
+      text-align: center;
+      background: color2hex($button-bg);
+      border: $button-border-width $button-border-style color2hex($button-border-color);
+      color: color2hex($button-font-color);
+      padding: $button-dft;
+    }
+
+    table.tiny-button td {
+      padding: $button-tny;
+    }
+
+    table.small-button td {
+      padding: $button-sml;
+    }
+
+    table.medium-button td {
+      padding: $button-med;
+    }
+
+    table.large-button td {
+      padding: $button-lrg;
+    }
+
+    table.button td a,
+    table.tiny-button td a,
+    table.small-button td a,
+    table.medium-button td a,
+    table.large-button td a {
+      font-weight: bold;
+      text-decoration: none;
+      font-family: $button-font-family;
+      color: color2hex($button-font-color);
+      font-size: $button-font-sml;
+      display: block;
+      height: 100%;
+      width: 100%;
+    }
+
+    table.tiny-button td a {
+      font-size: $button-font-tny;
+      font-weight: normal;
+    }
+
+    table.small-button td a {
+      font-size: $button-font-sml;
+    }
+
+    table.medium-button td a {
+      font-size: $button-font-med;
+    }
+
+    table.large-button td a {
+      font-size: $button-font-lrg;
+    }
+
+    table.button:hover td,
+    table.button:visited td,
+    table.button:active td {
+      background: color2hex($primary-color) !important;
+    }
+
+    table.button:hover td a,
+    table.button:visited td a,
+    table.button:active td a {
+      color: color2hex($button-font-color) !important;
+    }
+
+    table.button:hover td,
+    table.tiny-button:hover td,
+    table.small-button:hover td,
+    table.medium-button:hover td,
+    table.large-button:hover td {
+      background: color2hex($primary-color) !important;
+    }
+
+    table.button:hover td a,
+    table.button:active td a,
+    table.button td a:visited,
+    table.tiny-button:hover td a,
+    table.tiny-button:active td a,
+    table.tiny-button td a:visited,
+    table.small-button:hover td a,
+    table.small-button:active td a,
+    table.small-button td a:visited,
+    table.medium-button:hover td a,
+    table.medium-button:active td a,
+    table.medium-button td a:visited,
+    table.large-button:hover td a,
+    table.large-button:active td a,
+    table.large-button td a:visited {
+      color: color2hex($button-font-color) !important; 
+    }
+
+    table.secondary td {
+      background: color2hex($secondary-color);
+      border-color: color2hex($secondary-border-color);
+      color: color2hex($button-font-color-alt);
+    }
+
+    table.secondary td a {
+      color: color2hex($button-font-color-alt);
+    }
+
+    table.secondary:hover td {
+      background: color2hex($secondary-border-color) !important;
+      color: color2hex($button-font-color-alt);
+    }
+
+    table.secondary:hover td a,
+    table.secondary td a:visited,
+    table.secondary:active td a {
+      color: color2hex($button-font-color-alt) !important;
+    }
+
+    table.success td {
+      background: color2hex($success-color);
+      border-color: color2hex($alert-border-color);
+    }
+
+    table.success:hover td {
+      background: color2hex($alert-border-color) !important;
+    }
+
+    table.alert td {
+      background: color2hex($alert-color);
+      border-color: color2hex($success-border-color);
+    }
+
+    table.alert:hover td {
+      background: color2hex($success-border-color) !important;
+    }
+
+    table.radius td {
+      -webkit-border-radius: $global-radius;
+      -moz-border-radius: $global-radius;
+      border-radius: $global-radius;
+    }
+
+    table.round td {
+      -webkit-border-radius: $global-rounded;
+      -moz-border-radius: $global-rounded;
+      border-radius: $global-rounded;
+    }
+  }
+}

data/vendor/assets/stylesheets/ink/components/_global.scss

@@ -0,0 +1,29 @@
+// Foundation by ZURB
+// foundation.zurb.com
+// Licensed under MIT Open Source
+
+@import "../functions";
+
+// We use this to control whether or not CSS classes come through in the gem files. // Change
+$include-html-classes: true !default;
+$include-html-global-classes: $include-html-classes !default;
+
+$column-gutter: 20px !default;
+
+$container-width: 580px !default;
+
+$text-padding: 10px !default;
+
+$panel-padding: 10px !default;
+
+$paragraph-margin-bottom: 10px !default;
+
+// We use these to make sure border radius matches unless we want it different.
+$global-radius: 3px !default;
+$global-rounded: 500px !default;
+
+@include exports("global") {
+  @if $include-html-global-classes {
+
+  }
+}

data/vendor/assets/stylesheets/ink/components/_grid.scss

@@ -0,0 +1,134 @@
+// Ink by ZURB
+// zurb.com/ink/
+// Licensed under MIT Open Source
+
+@import "global";
+
+//
+// @variables
+//
+$include-html-grid-classes: $include-html-classes !default;
+$include-html-sub-colums-grid-classes: $include-html-grid-classes !default;
+
+$total-columns: 12;
+
+$wrapper-padding-top: 10px !default;
+$column-cell-padding-bottom: 10px !default;
+
+$sub-column-padding-right: $column-gutter / 2 !default;
+
+@include exports("grid") {
+  @if $include-html-grid-classes {
+    /* Responsive Grid */
+
+    table.body {
+      height: 100%;
+      width: 100%;
+    }
+
+    table.container {
+      width: $container-width;
+      margin: 0 auto;
+      text-align: inherit;
+    }
+
+    table.row { 
+      padding: 0px; 
+      width: 100%;
+      position: relative;
+    }
+
+    table.container table.row {
+      display: block;
+    }
+
+    td.wrapper {
+      padding: $wrapper-padding-top $column-gutter 0px 0px;
+      position: relative;
+    }
+
+    table.columns,
+    table.column {
+      margin: 0 auto;
+    }
+
+    table.columns td,
+    table.column td {
+      padding: 0px 0px $column-cell-padding-bottom;  
+    }
+
+    @if $include-html-sub-colums-grid-classes {
+      table.columns td.sub-columns,
+      table.column td.sub-columns,
+      table.columns td.sub-column,
+      table.column td.sub-column {
+        padding-right: $sub-column-padding-right;
+      }
+
+      td.sub-column, td.sub-columns {
+        min-width: 0px;
+      }
+    }
+
+    table.row td.last,
+    table.container td.last {
+      padding-right: 0px;
+    }
+
+    @for $i from 1 through $total-columns {
+      table.#{number2word($i)} {
+        width: grid-calc-px($i, $total-columns, $container-width, $column-gutter);
+      }
+    }
+
+    @for $i from 1 through $total-columns {
+      table.#{number2word($i)} center {
+        min-width: grid-calc-px($i, $total-columns, $container-width, $column-gutter);
+      }
+    }
+
+    @for $i from 1 through $total-columns {
+      table.#{number2word($i)} .panel center {
+        min-width: grid-calc-px($i, $total-columns, $container-width, $column-gutter) - 2 * $panel-padding;
+      }
+    }
+
+    @for $i from 1 through $total-columns {
+      .body .columns td.#{number2word($i)},
+      .body .column td.#{number2word($i)}  {
+        width: grid-calc-pct($i, $total-columns);
+      }
+    }
+
+    @for $i from 1 through ($total-columns - 1) {
+      td.offset-by-#{number2word($i)} {
+        padding-left: grid-calc-px($i, $total-columns, $container-width, $column-gutter) + $column-gutter;
+      }
+    }  
+    td.expander {
+      visibility: hidden;
+      width: 0px;
+      padding: 0 !important;
+    }
+
+    table.columns .text-pad,
+    table.column .text-pad {
+      padding-left: $text-padding;
+      padding-right: $text-padding;
+    }
+
+    table.columns .left-text-pad,
+    table.columns .text-pad-left,
+    table.column .left-text-pad,
+    table.column .text-pad-left {
+      padding-left: $text-padding;
+    }
+
+    table.columns .right-text-pad,
+    table.columns .text-pad-right,
+    table.column .right-text-pad,
+    table.column .text-pad-right {
+      padding-right: $text-padding;
+    }  
+  }  
+}