gumby2-rails 0.0.1

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

@@ -0,0 +1,71 @@
+@import "compass/typography/vertical_rhythm";
+
+@include establish-baseline;
+
+html * {
+	@include box-sizing(border-box);
+}
+
+body {
+  background: $global-bg-color;
+  font-family: $font-family;
+  font-weight: $body-font-weight;
+  color: $body-font-color;
+  position: relative;
+  -webkit-font-smoothing: $font-smoothing;
+  @include respond(all-phones) {
+    -webkit-text-size-adjust: none;
+    -ms-text-size-adjust: none;
+    width: 100%;
+    min-width: 0;
+  }
+}
+
+html, body {
+  height: 100%;
+}
+
+.ie9 {
+  font-family: $font-family;
+  * {
+    font-family: $font-family;
+  }
+}
+
+.hide {
+  display: none;
+}
+
+.hide.active, .show {
+  display: block;
+}
+
+.fixed {
+  position: fixed;
+  &.pinned {
+    position: absolute;
+  }
+  @include respond(portrait-tablets) {
+    position: relative !important;
+    top: auto !important;
+    left: auto !important;
+  }
+}
+
+.unfixed {
+  position: relative !important;
+  top: auto !important;
+  left: auto !important;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}

data/vendor/assets/stylesheets/sass/_custom.scss

@@ -0,0 +1 @@
+// Your custom SCSS should be written here...

data/vendor/assets/stylesheets/sass/_fonts.scss

@@ -0,0 +1,28 @@
+/* Fonts */
+
+// Import Google Web Fonts
+@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
+
+
+// Set local icon font
+@font-face {
+  font-family: '#{$icons}';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/icons/#{$icons}.eot);
+  src: url('../fonts/icons/#{$icons}.eot?#iefix') format('ie9-skip-eot'),
+       url('../fonts/icons/#{$icons}.woff') format('woff'),
+       url('../fonts/icons/#{$icons}.ttf')  format('truetype');
+}
+
+// To include your own, local copies of fonts, use the following template
+//
+//@font-face {
+//  font-family: '#{$some-font-variable}';
+//  font-style: normal;
+//  font-weight: 400;
+//  src: url(../fonts/icons/#{$some-font-variable}.eot);
+//  src: url('../fonts/icons/#{$some-font-variable}.eot?#iefix') format('ie9-skip-eot'),
+//       url('../fonts/icons/#{$some-font-variable}.woff') format('woff'),
+//       url('../fonts/icons/#{$some-font-variable}.ttf')  format('truetype');
+//}

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

@@ -0,0 +1,273 @@
+
+
+
+/*=================================================
+
+  +++ LE GRID +++
+  A Responsive Grid -- Gumby defaults to a standard 960 grid,
+  but you can change it to whatever you'd like.
+
+ ==================================================*/
+
+// We're removing the container class in favor
+// of adding padding to rows at the $device-width
+// breakpoint.
+
+/*.container {
+  padding: 0px $gutter-in-px;
+}*/
+
+.row {
+  width: 100%;
+  max-width: $row-max-width;
+  min-width: $min-device-width;
+  margin: 0 auto;
+  @include respond(document-width) {
+    padding: 0 $gutter-in-px;
+  }
+  .row {
+    min-width: 0px;
+    @include respond(document-width) {
+      padding: 0;
+    }
+  }
+}
+
+/* To fix the grid into a different size, set max-width to your desired width */
+
+.column, .columns {
+  margin-left: $gutter;
+  float: $default-float;
+  min-height: 1px;
+  @include box-sizing(border-box);
+}
+
+.column:first-child, .columns:first-child, .alpha {
+  margin-left: 0px;
+}
+
+.column.omega, .columns.omega {
+  float: $switch-float;
+}
+
+// Generate the Grid
+
+/* Column Classes */
+
+// Generate Column Classes
+.row {
+  @for $i from 1 through $cols{
+    @if $i == 1 {
+      .one.column {
+        width: columns($i);
+      }
+    }
+    .#{number-as-word($i)}.columns {
+      width: columns($i);
+    }
+  }
+}
+
+/* Push Classes */
+
+// Generate Push Classes
+.row {
+  @for $i from 1 through $cols - 1 {
+    .push_#{number-as-word($i)} {
+      margin-left: push_x($i);
+        &:first-child {
+        margin-left: push_x($i, true);
+      }
+    }
+  }
+}
+
+/* Centered Classes */
+
+// Generate Centered Classes
+.row {
+  @for $i from 1 through $cols - 1 {
+    .#{number-as-word($i)}.centered {
+      margin-left: centered($i);
+    }
+  }
+}
+
+/* Hybrid Grid Columns */
+
+// Generate Hybrid Grid Column Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+  @for $i from 1 through $hybrid{
+    @if $i == 1 {
+      .one.column {
+        width: columns($i, true);
+      }
+    }
+    .#{number-as-word($i)}.columns{
+      width: columns($i, true);
+    }
+  }
+}
+
+/* Hybrid Push Classes */
+
+// Generate Hybrid Push Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+  @for $i from 1 through $hybrid - 1{
+    .push_#{number-as-word($i)} {
+      margin-left: push_x($i, false, true);
+        &:first-child {
+        margin-left: push_x($i, true, true);
+      }
+    }
+  }
+}
+
+/* Hybrid Centered Classes */
+
+// Generate Centered Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+  @for $i from 1 through $hybrid - 1 {
+    .#{number-as-word($i)}.centered {
+      margin-left: centered($i, true);
+    }
+  }
+}
+
+.pull_right { float: right; }
+
+.pull_left { float: left; }
+
+img, object, embed {
+  max-width: 100%;
+  height: auto;
+}
+
+img {
+  -ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img, .map_canvas img {
+  max-width: none !important;
+}
+
+/* Tile Grid */
+
+.tiles {
+  display: block;
+  overflow: hidden;
+  > li {
+    display: block;
+    height: auto;
+    float: left;
+    padding-bottom:0;
+  }
+  &.two_up {
+    margin-left: -4%;
+    > li {
+      margin-left: 4%;
+      width: 46%;
+    }
+  }
+  &.three_up, &.four_up {
+    margin-left: -2%;
+  }
+  &.three_up > li {
+    margin-left: 2%;
+    width: 31.3%;
+  }
+  &.four_up > li {
+    margin-left: 2%;
+    width: 23%;
+  }
+  &.five_up {
+    margin-left: -1.5%;
+    > li {
+      margin-left: 1.5%;
+      width: 18.5%;
+    }
+  }
+}
+
+/* Nicolas Gallagher's micro clearfix */
+
+.clearfix {
+  @include clearfix();
+}
+
+.row {
+  @include clearfix();
+}
+
+
+// vertically align stuff
+
+.valign {
+  display: table;
+  width: 100%;
+  > div {
+    display: table-cell;
+    vertical-align: middle;
+  }​
+  > article {
+    display: table-cell;
+    vertical-align: middle;
+  }
+}
+
+/* Mobile */
+
+@include respond(all-phones) {
+  body {
+    -webkit-text-size-adjust: none;
+    -ms-text-size-adjust: none;
+    width: 100%;
+    min-width: 0;
+  }
+  .container {
+    min-width: 0;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .row {
+    width: 100%;
+    min-width: 0;
+    margin-left: 0;
+    margin-right: 0;
+    .row {
+      .column, .columns {
+        padding: 0;
+      }
+    }
+    .centered {
+      margin-left: 0 !important;
+    }
+  }
+  .column, .columns {
+    width: auto !important;
+    float: none;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .column:last-child, .columns:last-child {
+    margin-right: 0;
+    float: none;
+  }
+
+  [class*="column"] {
+    + [class*="column"]:last-child {
+      float: none;
+    }
+    &:before {
+      display: table;
+    }
+    &:after {
+      display: table;
+      clear: both;
+    }
+  }
+  [class^="push_"],
+  [class*="push_"] {
+    margin-left: 0 !important;
+  }
+}

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

@@ -0,0 +1,274 @@
+
+h1,h2,h3,h4,h5,h6 {
+  font-family: $font-family;
+  font-weight: $header-font-weight;
+  color: $header-font-color;
+  text-rendering: optimizeLegibility;
+  @include padding-leader($rhythm-spacing);
+  @include adjust-leading-to($rhythm-height);
+  @include padding-trailer($rhythm-spacing);
+  a {
+    color: $header-link-color;
+  }
+}
+
+@include respond(all-phones) {
+
+  h1,h2,h3,h4,h5,h6 { word-wrap: break-word;}
+
+}
+
+h1 {
+  @include font-size($xxxlarge);
+  &.xlarge {
+    @include font-size($reallybig);
+  }
+  &.xxlarge {
+    @include font-size($tremendous);
+  }
+  &.absurd {
+    @include font-size($absurd);
+  }
+}
+h2 { @include font-size($xlarge); }
+h3 { @include font-size($larger);}
+h4 { @include font-size($large);}
+h5 { @include font-size($med);}
+h6 { @include font-size($norm);}
+
+@include respond(all-phones) {
+
+  h1 { @include font-size($xlarge);}
+  h2 { @include font-size($larger + 6);}
+
+}
+
+.subhead {
+  color: #777;
+  font-weight: normal;
+  margin-bottom: 20px;
+}
+
+/*=====================================================
+ 
+  Links & Paragraph styles
+  
+  ======================================================*/
+
+p {
+  font-family: $font-family;
+  font-weight: $body-font-weight;
+  @include font-size($base-font-size);
+  margin-bottom: $base-line-height / 2;
+  @include adjust-leading-to(1);
+  &.lead {
+    @include font-size(ms(0) * 1.25);
+    margin-bottom: ms(1);
+  }
+  @include respond(portrait-tablets) {
+    @include font-size($base-font-size * 1.1);
+    @include adjust-leading-to(1);
+  }
+}
+
+a {
+  color: $body-link-color;
+  text-decoration: none;
+  outline: 0;
+  line-height: inherit;
+  &:hover {
+    color: $body-link-hover-color;
+  }
+}
+
+/*=====================================================
+
+  Lists
+  
+ ======================================================*/
+
+ul, ol {
+  @include margin-trailer($rhythm-spacing);
+}
+
+ul {
+  list-style: none outside;
+}
+
+ol {
+  list-style: decimal;
+  margin-left: 30px;
+}
+
+ul {
+  &.square, &.circle, &.disc {
+    margin-left: 25px;
+  }
+  &.square {
+    list-style: square outside;
+  }
+  &.circle {
+    list-style: circle outside;
+  }
+  &.disc {
+    list-style: disc outside;
+  }
+  ul {
+    margin: 4px 0 5px 25px;
+  }
+}
+
+ol ol {
+  margin: 4px 0 5px 30px;
+}
+
+li {
+  @include padding-trailer($rhythm-spacing);
+}
+
+ul.large li {
+  line-height: 21px;
+}
+
+dl dt {
+  font-weight: bold;
+  @include font-size($norm);
+}
+
+@include respond(portrait-tablets) {
+  
+  ul, ol, dl, p { text-align: left;}
+
+}
+
+/* Mobile */
+
+em {
+  font-style: italic;
+  line-height: inherit;
+}
+
+strong {
+  font-weight: $font-weight-bold;
+  line-height: inherit;
+}
+
+small {
+  font-size: 56.4%;
+  line-height: inherit;
+}
+
+h1 small, h2 small, h3 small, h4 small, h5 small {
+  color: #777;
+}
+
+/*  Blockquotes  */
+
+blockquote {
+  line-height: 20px;
+  color: #777;
+  p {
+    line-height: 20px;
+    color: #777;
+  }
+  margin: 0 0 18px;
+  padding: 9px 20px 0 19px;
+  border-left: 5px solid $horizontal-rule-color;
+  cite {
+    display: block;
+    font-size: 12px;
+    font-size: 1.2rem;
+    color: $body-font-color;
+    &:before {
+      content: "\2014 \0020";
+    }
+    a {
+      color: $body-font-color;
+      &:visited {
+        color: $body-font-color;
+      }
+    }
+  }
+}
+
+hr {
+  border: 1px solid $horizontal-rule-color;
+  clear: both;
+  margin: 16px 0 18px;
+  height: 0;
+}
+
+abbr, acronym {
+  text-transform: uppercase;
+  font-size: 90%;
+  color: #222;
+  border-bottom: 1px solid $horizontal-rule-color;
+  cursor: help;
+}
+
+abbr {
+  text-transform: none;
+}
+
+/**
+   * Print styles.
+ *
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
+ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
+ */
+
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    text-shadow: none !important;
+    filter: none !important;
+    -ms-filter: none !important;
+  }
+  /* Black prints faster: sanbeiji.com/archives/953 */
+  p a {
+    color: $body-font-color !important;
+    text-decoration: underline;
+    &:visited {
+      color: $body-font-color !important;
+      text-decoration: underline;
+    }
+    &[href]:after {
+      content: " (" attr(href) ")";
+    }
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  .ir a:after {
+    content: "";
+  }
+  a {
+    &[href^="javascript:"]:after, &[href^="#"]:after {
+      content: "";
+    }
+  }
+  /* Don't show links for images, or javascript/internal links */
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  /* css-discuss.incutio.com/wiki/Printing_Tables */
+  tr, img {
+    page-break-inside: avoid;
+  }
+  @page {
+    margin: 0.5cm;
+  }
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2, h3 {
+    page-break-after: avoid;
+  }
+}