middleman-gumby 0.0.1

data/vendor/assets/sass/ui/_tabs.scss

@@ -0,0 +1,156 @@
+/* Tabs */
+
+.tabs {
+	display: block;
+}
+
+.tab-nav {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid darken($default-color, 5%);
+  > li {
+    display: inline-block;
+    width: auto;
+    padding: 0;
+    margin: 0 $gutter 0 0;
+    cursor: default;
+    top: 1px;
+    @include box-shadow(0 1px 0 $white);
+    > li {
+      display: inline-block;
+      width: auto;
+      padding: 0;
+      margin: 0 $gutter 0 0;
+      cursor: default;
+      top: 1px;
+      @include box-shadow(0 1px 0 $white);
+      > a {
+        display: block;
+        width: auto;
+        padding: 0 $norm;
+        margin: 0;
+        color: $body-font-color;
+        font-family: $font-family;
+        font-weight: $tabs-font-weight;
+        border: 1px solid darken($default-color, 5%);
+        border-width: 1px 1px 0 1px;
+        text-shadow: 0 1px 1px lighten($default-color, 5%);
+        background: $default-color;
+        cursor: pointer;
+        @include border-radius($button-radius $button-radius 0 0);
+        @include line-and-height($tab-height);
+        &:hover {
+          text-decoration: none;
+          background: lighten($default-color, 1%);
+        }
+        &:active {
+          background: darken($default-color, 2%);
+        }
+      }
+      &.active > a {
+        @include line-and-height($tab-height + 1);
+        background: $white;
+        cursor: default;
+      }
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.tab-nav > li:last-child {
+  margin-right: 0;
+}
+
+.tab-nav > li > a {
+  display: block;
+  width: auto;
+  padding: 0 $norm;
+  margin: 0;
+  color: $body-font-color;
+  font-family: $font-family;
+  font-weight: $tabs-font-weight;
+  border: 1px solid darken($default-color, 5%);
+  border-width: 1px 1px 0 1px;
+  text-shadow: 0 1px 1px lighten($default-color, 5%);
+  background: $default-color;
+  cursor: pointer;
+  @include border-radius($button-radius $button-radius 0 0);
+  @include line-and-height($tab-height);
+  &:hover {
+    text-decoration: none;
+    background: lighten($default-color, 1%);
+  }
+  &:active {
+    background: darken($default-color, 2%);
+  }
+}
+
+.tab-nav > li.active > a {
+  @include line-and-height($tab-height + 1);
+  background: $white;
+}
+
+.tabs.pill .tab-nav {
+  width: 100%; /* remove if you dont want the tabs to span the full container width */
+  display: table;
+  overflow: hidden;
+  border: 1px solid darken($default-color, 5%);
+  @include border-radius($button-radius);
+  > li {
+    display: table-cell;
+    margin: 0;
+    margin-left: -4px;
+    text-align: center;
+    top: 0;
+    &:first-child {
+      margin-left: 0;
+    }
+    > a {
+      border: none;
+      border-right: 1px solid darken($default-color, 5%);
+      @include border-radius(0);
+      @include line-and-height($tab-height);
+    }
+    &:last-child > a {
+      border-right:none;
+    }
+  }
+}
+
+.tab-content {
+  display: none;
+  padding: 20px 10px;
+  &.active {
+    display: block;
+  }
+}
+
+.tabs.vertical {
+  .tab-nav {
+    border: none;
+    > li {
+      display: block;
+      margin: 0;
+      margin-bottom: 5px;
+      &.active {
+        position: relative;
+        z-index: 99;
+        > a {
+          border-right: 1px solid $global-bg-color;
+        }
+      }
+      > a {
+        border: 1px solid darken($default-color, 5%);
+        @include border-radius($button-radius 0 0 $button-radius);
+      }
+    }
+  }
+  .tab-content {
+    padding: 10px 0 30px 20px;
+    margin-left: -1px;
+    border-left: 1px solid darken($default-color, 5%);
+  }
+}
+

data/vendor/assets/sass/ui/_toggles.scss

@@ -0,0 +1,73 @@
+/* Toggles */
+
+.drawer {
+  position: relative;
+  width: 100%;
+  max-height: 0;
+  background: $drawer-background-color;
+  @include box-shadow(
+    inset $drawer-inner-shadow-x-offset  #{-$drawer-inner-shadow-y-offset} $drawer-inner-shadow-blur $drawer-inner-shadow-color,
+    inset $drawer-inner-shadow-x-offset $drawer-inner-shadow-y-offset $drawer-inner-shadow-blur $drawer-inner-shadow-color);
+  ;
+  overflow: hidden;
+  @include transition-duration(.3s);
+  &.active {
+    height: auto;
+    max-height: 800px;
+    @include transition-duration(.5s);
+  }
+}
+
+.modal {
+	width: 100%;
+	height: 100%;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 999999;
+  background: rgb(0, 0, 0);
+  background: $modal-overlay-color;
+ 	> .content {
+ 		width: 50%;
+ 		min-height: 50%;
+    max-height: 65%;
+ 		position: relative;
+ 		top: 25%;
+ 		margin: 0 auto;
+ 		padding: $gutter-in-px;
+ 		background: $modal-window-color;
+ 		z-index: 2;
+ 		overflow: auto;
+    @include respond(portrait-tablets) {
+      width: 80%;
+      min-height: 80%;
+      max-height: 80%;
+      top: 10%;
+    }
+    @include respond(all-phones) {
+      width: 92.5%;
+      min-height: 92.5%;
+      max-height: 92.5%;
+      top: 3.75%;
+    }
+ 	  > .close {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      cursor: pointer;
+      z-index: 3;
+    }
+  }
+  &, > .content {
+    visibility: hidden;
+    @include opacity(0);
+  }
+ 	&.active {
+    @include transition-property(opacity);
+    @include transition-duration(.3s);
+    &, > .content {
+      visibility: visible;
+      @include opacity(1);
+    }
+ 	}
+}

data/vendor/assets/sass/ui/_tooltips.scss

@@ -0,0 +1,12 @@
+/* Tooltips */
+
+.ttip {
+	@include tooltip($tt-min-width, $tt-bgcolor, $tt-position, $tt-align);
+	cursor: pointer;
+}
+
+.ttip:after, .ttip:before {
+	@include respond(portrait-tablets) {
+		display: none;
+	}
+}

data/vendor/assets/sass/ui/_video.scss

@@ -0,0 +1,24 @@
+/* Video */
+
+body .video {
+  width: 100%;
+  position: relative;
+  height: 0;
+  padding-bottom: 56.25%;
+  &.twitch, &.youtube.show_controls {
+    padding-top: 30px;
+    // Use .show_controls f you want the play/pause controls
+    // to show before the video plays, like on older youtube.
+  }
+  &.youtube, &.vimeo {
+    // Nothing goes here anymore. Both use overlay transports.
+  }
+}
+
+.video > video, .video > iframe, .video > object, .video > embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}

data/vendor/assets/sass/var/_lists.scss

@@ -0,0 +1,20 @@
+// Lists
+
+// UI Coloring List
+$ui-coloring:
+	primary $primary-color $primary-hover-color,
+	secondary $secondary-color $secondary-hover-color,
+	default $default-color $default-hover-color,
+	info $info-color $info-hover-color,
+	danger $danger-color $danger-hover-color,
+	warning $warning-color $warning-hover-color, 
+	success $success-color $success-hover-color;
+
+// UI Styling List
+$styling: metro $metro-radius, pretty $button-radius;
+
+
+// Form field types 
+$field-types: text, email, password, numeric, search, combined, prepend, append, double;
+
+$field-sizes: xnarrow, narrow, normal, wide, xwide, xxwide;

data/vendor/assets/sass/var/_settings.scss

@@ -0,0 +1,169 @@
+// Welcome to Gumby 2.0 Settings.
+// Happy Tinkering!
+
+
+// Grid Settings
+$row-max-width: 940px !default;    				// 940px
+$gutter-in-px: 20px !default;      				// 20px
+$cols: 12 !default;              				// 12 Column Default Grid
+$hybrid: 16 !default;							// 16 Column Default Hybrid Grid
+
+// Responsiveness Settings
+$min-device-width: 320px; 						// iPhone Portrait
+$tablet-device-width: 768px;					// iPad Portrait
+$document-width: $row-max-width;				// Default Document
+$max-device-width: 2880px;						// Max Document Size
+
+// Spacing
+$nav-distance: 0; 							// Navigation distance from the top of the viewport
+
+// Typography
+$font-family: "Open Sans";
+$font-style-italic: italic;
+$icons: entypo;
+$font-smoothing: antialiased;
+
+// Font Weights
+$font-weight-bold: 700;
+$font-weight-semibold: 600;
+$font-weight-medium: 400;
+$font-weight-regular: 400;
+$font-weight-light: 300;
+$font-weight-thin: 300;
+
+$header-font-weight: $font-weight-thin;
+$body-font-weight: $font-weight-regular;
+$type-font-weight: $font-weight-regular;
+$link-font-weight: $font-weight-regular;
+$button-font-weight: $font-weight-semibold;
+$tabs-font-weight: $font-weight-semibold;
+
+// Vertical Rhythm Spacing
+$base-line-height: ms(1) !default;
+$rhythm-spacing: .168;
+$rhythm-height: .711;
+
+// Modular Scale Settings
+// http://www.modularscale.com by Tim Brown
+// https://github.com/scottkellum/modular-scale
+$ratio: golden();						// Ratio for Modular Scale
+$base-font-size: 16px !default;
+$importantNum: 78px !default;
+$base-size: $base-font-size $importantNum;
+// Gumby Default Scale Values: 16, 18, 26, 30, 42, 48, 68, 78, 110, 126;
+
+// Sizing
+$xsmall: ms(-2);
+$small: ms(-1);
+$norm: ms(0);									// $base-font-size (16px == default)
+$med: ms(1);
+$large: ms(2);
+$larger: ms(3);
+$xlarge: ms(4);
+$xxlarge: ms(5);
+$xxxlarge: ms(6);
+$reallybig: ms(8);
+$tremendous: ms(9);
+$absurd: ms(10);
+
+// Typography Colors
+$header-font-color: #444444 !default;
+$header-link-color: #d04526 !default;
+$header-link-hover-color: #c03d20 !default;
+$body-font-color: #555555 !default;
+$body-link-color: #d04526 !default;
+$body-link-hover-color: #c03d20 !default;
+
+// User Interface Colors
+$global-bg-color: #fff;
+$navbar-color: #4a4d50;
+$navbar-link-color: #fff;
+
+$primary-color: #3085d6;
+$secondary-color: #42a35a;
+$default-color: #f2f2f2;
+$info-color: #4a4d50;
+$danger-color: #ca3838;
+$warning-color: #f6b83f;
+$success-color: #58c026;
+
+$primary-hover-color: #58b2fa;
+$secondary-hover-color: #6dbb80;
+$default-hover-color: #ffffff;
+$info-hover-color: #868d92;
+$danger-hover-color: #f14f4f;
+$warning-hover-color: #fdd27f;
+$success-hover-color: #66d92f;
+
+$horizontal-rule-color: #ccc !default;
+
+$black: #000;
+$white: #fff;
+
+// Borders
+$button-radius: 4px !default;
+$metro-radius: 0 !default;
+$bigger-radius: 8px;
+
+// Buttons
+// Font Sizing
+$xlarge-button-font-size: $larger;
+$large-button-font-size: $large;
+$medium-button-font-size: $norm;
+$small-button-font-size: $small;
+// Padding
+$default-button-padding: $med;
+// Height
+$default-button-height: 36px;
+
+// Form Elements
+$form-text-input-stroke: #ccc;
+$form-text-input-background: $white;
+$form-text-input-placeholder-color: $default-color;
+$form-text-input-color: #555;
+
+$form-select-stroke: #ccc;
+$form-select-background: $white;
+$form-select-color: #555;
+
+// Tabs
+$tab-height: 42px;
+
+// Navigation
+$navcontain-height: 80px; // makes space at the top of a document for when using a fixed nav
+
+// Drawers & Modals
+$modal-overlay-color: rgba(0, 0, 0, 0.8);
+$modal-window-color: $white;
+$drawer-background-color: #3e4144;
+$drawer-inner-shadow-x-offset: 0;
+$drawer-inner-shadow-y-offset: 2px;
+$drawer-inner-shadow-blur: 5px;
+$drawer-inner-shadow-color: #313436;
+
+// Tables
+$table-bgcolor: #fff;
+$table-thead-bgcolor: $primary-color;
+$table-row-first-cell-font-weight: bold;
+$table-border-size: 1px;
+$table-border-style: solid;
+$table-border-color: #e5e5e5;
+$table-cell-border-size: 1px;
+$table-cell-border-color: #e5e5e5;
+$table-cell-border-style: solid;
+// .rounded
+$table-border-radius: 4px;
+// .striped
+$table-stripe-bgcolor: #e5e5e5;
+
+// Tooltips
+$tt-min-width: 130px;
+$tt-bgcolor: $primary-color;
+$tt-position: top;					// position: top / bottom / left / right
+$tt-align: left;					// text and caret alignment: left / right
+$tt-pretty: yes;					// yes = pretty / no = flat
+
+// Floats
+$default-float: left;
+$switch-float: right;
+