gumby_on_rails 0.0.1

data/app/assets/stylesheets/gumby/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/app/assets/stylesheets/gumby/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/app/assets/stylesheets/gumby/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/app/assets/stylesheets/gumby/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/app/assets/stylesheets/gumby/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;
+

data/app/assets/stylesheets/gumby/var/icons/_entypo-icon-list.scss

@@ -0,0 +1,286 @@
+$entypo-icons:
+	icon-note $entypo-icon-note,
+	icon-note-beamed $entypo-icon-note-beamed,
+	icon-music $entypo-icon-music,
+	icon-search $entypo-icon-search,
+	icon-flashlight $entypo-icon-flashlight,
+	icon-mail $entypo-icon-mail,
+	icon-heart $entypo-icon-heart,
+	icon-heart-empty $entypo-icon-heart-empty,
+	icon-star $entypo-icon-star,
+	icon-star-empty $entypo-icon-star-empty,
+	icon-user $entypo-icon-user,
+	icon-users $entypo-icon-users,
+	icon-user-add $entypo-icon-user-add,
+	icon-video $entypo-icon-video,
+	icon-picture $entypo-icon-picture,
+	icon-camera $entypo-icon-camera,
+	icon-layout $entypo-icon-layout,
+	icon-menu $entypo-icon-menu,
+	icon-check $entypo-icon-check,
+	icon-cancel $entypo-icon-cancel,
+	icon-cancel-circled $entypo-icon-cancel-circled,
+	icon-cancel-squared $entypo-icon-cancel-squared,
+	icon-plus $entypo-icon-plus,
+	icon-plus-circled $entypo-icon-plus-circled,
+	icon-plus-squared $entypo-icon-plus-squared,
+	icon-minus $entypo-icon-minus,
+	icon-minus-circled $entypo-icon-minus-circled,
+	icon-minus-squared $entypo-icon-minus-squared,
+	icon-help $entypo-icon-help,
+	icon-help-circled $entypo-icon-help-circled,
+	icon-info $entypo-icon-info,
+	icon-info-circled $entypo-icon-info-circled,
+	icon-back $entypo-icon-back,
+	icon-home $entypo-icon-home,
+	icon-link $entypo-icon-link,
+	icon-attach $entypo-icon-attach,
+	icon-lock $entypo-icon-lock,
+	icon-lock-open $entypo-icon-lock-open,
+	icon-eye $entypo-icon-eye,
+	icon-tag $entypo-icon-tag,
+	icon-bookmark $entypo-icon-bookmark,
+	icon-bookmarks $entypo-icon-bookmarks,
+	icon-flag $entypo-icon-flag,
+	icon-thumbs-up $entypo-icon-thumbs-up,
+	icon-thumbs-down $entypo-icon-thumbs-down,
+	icon-download $entypo-icon-download,
+	icon-upload $entypo-icon-upload,
+	icon-upload-cloud $entypo-icon-upload-cloud,
+	icon-reply $entypo-icon-reply,
+	icon-reply-all $entypo-icon-reply-all,
+	icon-forward $entypo-icon-forward,
+	icon-quote $entypo-icon-quote,
+	icon-code $entypo-icon-code,
+	icon-export $entypo-icon-export,
+	icon-pencil $entypo-icon-pencil,
+	icon-feather $entypo-icon-feather,
+	icon-print $entypo-icon-print,
+	icon-retweet $entypo-icon-retweet,
+	icon-keyboard $entypo-icon-keyboard,
+	icon-comment $entypo-icon-comment,
+	icon-chat $entypo-icon-chat,
+	icon-bell $entypo-icon-bell,
+	icon-attention $entypo-icon-attention,
+	icon-alert $entypo-icon-alert,
+	icon-vcard $entypo-icon-vcard,
+	icon-address $entypo-icon-address,
+	icon-location $entypo-icon-location,
+	icon-map $entypo-icon-map,
+	icon-direction $entypo-icon-direction,
+	icon-compass $entypo-icon-compass,
+	icon-cup $entypo-icon-cup,
+	icon-trash $entypo-icon-trash,
+	icon-doc $entypo-icon-doc,
+	icon-docs $entypo-icon-docs,
+	icon-doc-landscape $entypo-icon-doc-landscape,
+	icon-doc-text $entypo-icon-doc-text,
+	icon-doc-text-inv $entypo-icon-doc-text-inv,
+	icon-newspaper $entypo-icon-newspaper,
+	icon-book-open $entypo-icon-book-open,
+	icon-book $entypo-icon-book,
+	icon-folder $entypo-icon-folder,
+	icon-archive $entypo-icon-archive,
+	icon-box $entypo-icon-box,
+	icon-rss $entypo-icon-rss,
+	icon-phone $entypo-icon-phone,
+	icon-cog $entypo-icon-cog,
+	icon-tools $entypo-icon-tools,
+	icon-share $entypo-icon-share,
+	icon-shareable $entypo-icon-shareable,
+	icon-basket $entypo-icon-basket,
+	icon-bag $entypo-icon-bag,
+	icon-calendar $entypo-icon-calendar,
+	icon-login $entypo-icon-login,
+	icon-logout $entypo-icon-logout,
+	icon-mic $entypo-icon-mic,
+	icon-mute $entypo-icon-mute,
+	icon-sound $entypo-icon-sound,
+	icon-volume $entypo-icon-volume,
+	icon-clock $entypo-icon-clock,
+	icon-hourglass $entypo-icon-hourglass,
+	icon-lamp $entypo-icon-lamp,
+	icon-light-down $entypo-icon-light-down,
+	icon-light-up $entypo-icon-light-up,
+	icon-adjust $entypo-icon-adjust,
+	icon-block $entypo-icon-block,
+	icon-resize-full $entypo-icon-resize-full,
+	icon-resize-small $entypo-icon-resize-small,
+	icon-popup $entypo-icon-popup,
+	icon-publish $entypo-icon-publish,
+	icon-window $entypo-icon-window,
+	icon-arrow-combo $entypo-icon-arrow-combo,
+	icon-down-circled $entypo-icon-down-circled,
+	icon-left-circled $entypo-icon-left-circled,
+	icon-right-circled $entypo-icon-right-circled,
+	icon-up-circled $entypo-icon-up-circled,
+	icon-down-open $entypo-icon-down-open,
+	icon-left-open $entypo-icon-left-open,
+	icon-right-open $entypo-icon-right-open,
+	icon-up-open $entypo-icon-up-open,
+	icon-down-open-mini $entypo-icon-down-open-mini,
+	icon-left-open-mini $entypo-icon-left-open-mini,
+	icon-right-open-mini $entypo-icon-right-open-mini,
+	icon-up-open-mini $entypo-icon-up-open-mini,
+	icon-down-open-big $entypo-icon-down-open-big,
+	icon-left-open-big $entypo-icon-left-open-big,
+	icon-right-open-big $entypo-icon-right-open-big,
+	icon-up-open-big $entypo-icon-up-open-big,
+	icon-down $entypo-icon-down,
+	icon-arrow-left $entypo-icon-left,
+	icon-arrow-right $entypo-icon-right,
+	icon-up $entypo-icon-up,
+	icon-down-dir $entypo-icon-down-dir,
+	icon-left-dir $entypo-icon-left-dir,
+	icon-right-dir $entypo-icon-right-dir,
+	icon-up-dir $entypo-icon-up-dir,
+	icon-down-bold $entypo-icon-down-bold,
+	icon-left-bold $entypo-icon-left-bold,
+	icon-right-bold $entypo-icon-right-bold,
+	icon-up-bold $entypo-icon-up-bold,
+	icon-down-thin $entypo-icon-down-thin,
+	icon-left-thin $entypo-icon-left-thin,
+	icon-right-thin $entypo-icon-right-thin,
+	icon-up-thin $entypo-icon-up-thin,
+	icon-ccw $entypo-icon-ccw,
+	icon-cw $entypo-icon-cw,
+	icon-arrows-ccw $entypo-icon-arrows-ccw,
+	icon-level-down $entypo-icon-level-down,
+	icon-level-up $entypo-icon-level-up,
+	icon-shuffle $entypo-icon-shuffle,
+	icon-loop $entypo-icon-loop,
+	icon-switch $entypo-icon-switch,
+	icon-play $entypo-icon-play,
+	icon-stop $entypo-icon-stop,
+	icon-pause $entypo-icon-pause,
+	icon-record $entypo-icon-record,
+	icon-to-end $entypo-icon-to-end,
+	icon-to-start $entypo-icon-to-start,
+	icon-fast-forward $entypo-icon-fast-forward,
+	icon-fast-backward $entypo-icon-fast-backward,
+	icon-progress-0 $entypo-icon-progress-0,
+	icon-progress-1 $entypo-icon-progress-1,
+	icon-progress-2 $entypo-icon-progress-2,
+	icon-progress-3 $entypo-icon-progress-3,
+	icon-target $entypo-icon-target,
+	icon-palette $entypo-icon-palette,
+	icon-list $entypo-icon-list,
+	icon-list-add $entypo-icon-list-add,
+	icon-signal $entypo-icon-signal,
+	icon-trophy $entypo-icon-trophy,
+	icon-battery $entypo-icon-battery,
+	icon-back-in-time $entypo-icon-back-in-time,
+	icon-monitor $entypo-icon-monitor,
+	icon-mobile $entypo-icon-mobile,
+	icon-network $entypo-icon-network,
+	icon-cd $entypo-icon-cd,
+	icon-inbox $entypo-icon-inbox,
+	icon-install $entypo-icon-install,
+	icon-globe $entypo-icon-globe,
+	icon-cloud $entypo-icon-cloud,
+	icon-cloud-thunder $entypo-icon-cloud-thunder,
+	icon-flash $entypo-icon-flash,
+	icon-moon $entypo-icon-moon,
+	icon-flight $entypo-icon-flight,
+	icon-paper-plane $entypo-icon-paper-plane,
+	icon-leaf $entypo-icon-leaf,
+	icon-lifebuoy $entypo-icon-lifebuoy,
+	icon-mouse $entypo-icon-mouse,
+	icon-briefcase $entypo-icon-briefcase,
+	icon-suitcase $entypo-icon-suitcase,
+	icon-dot $entypo-icon-dot,
+	icon-dot-2 $entypo-icon-dot-2,
+	icon-dot-3 $entypo-icon-dot-3,
+	icon-brush $entypo-icon-brush,
+	icon-magnet $entypo-icon-magnet,
+	icon-infinity $entypo-icon-infinity,
+	icon-erase $entypo-icon-erase,
+	icon-chart-pie $entypo-icon-chart-pie,
+	icon-chart-line $entypo-icon-chart-line,
+	icon-chart-bar $entypo-icon-chart-bar,
+	icon-chart-area $entypo-icon-chart-area,
+	icon-tape $entypo-icon-tape,
+	icon-graduation-cap $entypo-icon-graduation-cap,
+	icon-language $entypo-icon-language,
+	icon-ticket $entypo-icon-ticket,
+	icon-water $entypo-icon-water,
+	icon-droplet $entypo-icon-droplet,
+	icon-air $entypo-icon-air,
+	icon-credit-card $entypo-icon-credit-card,
+	icon-floppy $entypo-icon-floppy,
+	icon-clipboard $entypo-icon-clipboard,
+	icon-megaphone $entypo-icon-megaphone,
+	icon-database $entypo-icon-database,
+	icon-drive $entypo-icon-drive,
+	icon-bucket $entypo-icon-bucket,
+	icon-thermometer $entypo-icon-thermometer,
+	icon-key $entypo-icon-key,
+	icon-flow-cascade $entypo-icon-flow-cascade,
+	icon-flow-branch $entypo-icon-flow-branch,
+	icon-flow-tree $entypo-icon-flow-tree,
+	icon-flow-line $entypo-icon-flow-line,
+	icon-flow-parallel $entypo-icon-flow-parallel,
+	icon-rocket $entypo-icon-rocket,
+	icon-gauge $entypo-icon-gauge,
+	icon-traffic-cone $entypo-icon-traffic-cone,
+	icon-cc $entypo-icon-cc,
+	icon-cc-by $entypo-icon-cc-by,
+	icon-cc-nc $entypo-icon-cc-nc,
+	icon-cc-nc-eu $entypo-icon-cc-nc-eu,
+	icon-cc-nc-jp $entypo-icon-cc-nc-jp,
+	icon-cc-sa $entypo-icon-cc-sa,
+	icon-cc-nd $entypo-icon-cc-nd,
+	icon-cc-pd $entypo-icon-cc-pd,
+	icon-cc-zero $entypo-icon-cc-zero,
+	icon-cc-share $entypo-icon-cc-share,
+	icon-cc-remix $entypo-icon-cc-remix,
+	icon-github $entypo-icon-github,
+	icon-github-circled $entypo-icon-github-circled,
+	icon-flickr $entypo-icon-flickr,
+	icon-flickr-circled $entypo-icon-flickr-circled,
+	icon-vimeo $entypo-icon-vimeo,
+	icon-vimeo-circled $entypo-icon-vimeo-circled,
+	icon-twitter $entypo-icon-twitter,
+	icon-twitter-circled $entypo-icon-twitter-circled,
+	icon-facebook $entypo-icon-facebook,
+	icon-facebook-circled $entypo-icon-facebook-circled,
+	icon-facebook-squared $entypo-icon-facebook-squared,
+	icon-gplus $entypo-icon-gplus,
+	icon-gplus-circled $entypo-icon-gplus-circled,
+	icon-pinterest $entypo-icon-pinterest,
+	icon-pinterest-circled $entypo-icon-pinterest-circled,
+	icon-tumblr $entypo-icon-tumblr,
+	icon-tumblr-circled $entypo-icon-tumblr-circled,
+	icon-linkedin $entypo-icon-linkedin,
+	icon-linkedin-circled $entypo-icon-linkedin-circled,
+	icon-dribbble $entypo-icon-dribbble,
+	icon-dribbble-circled $entypo-icon-dribbble-circled,
+	icon-stumbleupon $entypo-icon-stumbleupon,
+	icon-stumbleupon-circled $entypo-icon-stumbleupon-circled,
+	icon-lastfm $entypo-icon-lastfm,
+	icon-lastfm-circled $entypo-icon-lastfm-circled,
+	icon-rdio $entypo-icon-rdio,
+	icon-rdio-circled $entypo-icon-rdio-circled,
+	icon-spotify $entypo-icon-spotify,
+	icon-spotify-circled $entypo-icon-spotify-circled,
+	icon-qq $entypo-icon-qq,
+	icon-instagram $entypo-icon-instagram,
+	icon-dropbox $entypo-icon-dropbox,
+	icon-evernote $entypo-icon-evernote,
+	icon-flattr $entypo-icon-flattr,
+	icon-skype $entypo-icon-skype,
+	icon-skype-circled $entypo-icon-skype-circled,
+	icon-renren $entypo-icon-renren,
+	icon-sina-weibo $entypo-icon-sina-weibo,
+	icon-paypal $entypo-icon-paypal,
+	icon-picasa $entypo-icon-picasa,
+	icon-soundcloud $entypo-icon-soundcloud,
+	icon-mixi $entypo-icon-mixi,
+	icon-behance $entypo-icon-behance,
+	icon-google-circles $entypo-icon-google-circles,
+	icon-vkontakte $entypo-icon-vkontakte,
+	icon-smashing $entypo-icon-smashing,
+	icon-sweden $entypo-icon-sweden,
+	icon-db-shape $entypo-icon-db-shape,
+	icon-logo-db $entypo-icon-logo-db
+;