bones-rails 0.0.2 → 0.1.0

data/app/assets/stylesheets/bones/variables/_buttons.scss

@@ -0,0 +1,16 @@
+// colors
+$button-color: $accent-light;
+$button-background-color: $primary;
+$button-hover-background-color: $primary-dark;
+$button-active-background-color: $primary-darker;
+
+// default styles
+$button-border: none;
+$button-padding: 0.65em 1em;
+$button-margin: $default-margin;
+$button-font-size: $default-font-size;
+
+// size
+$button-huge-font-size: 200%;
+$button-large-font-size: 150%;
+$button-small-font-size: 75%;

data/app/assets/stylesheets/bones/variables/_code.scss

@@ -0,0 +1,15 @@
+$code-font-family: Consolas, monospace;
+$code-color: $code;
+$code-font-size: 12px;
+$code-background: $accent-light;
+$code-padding: 1px 2px;
+$code-border: $accent-light-dark;
+
+$code-block-margin: 1.25em 0;
+$code-block-padding: 1.25em 0.75em;
+$code-block-font-family: $code-font-family;
+$code-block-color: $font;
+$code-block-background: $accent-light;
+$code-block-border: $accent-light-dark;
+$code-block-font-size: 13px;
+$code-block-line-height: 19px;

data/app/assets/stylesheets/bones/variables/_colors.scss

@@ -0,0 +1,122 @@
+// palette
+$primary: #1D9BC7; // blue
+$accent-1: #E05432; // red/orange
+$accent-2: #168719; // green
+$accent-dark: #444444; // dark
+$accent-light: #efefef; // light
+
+$warning: #CCA300;
+$danger: #CC0000;
+$success: #008A2E;
+
+// tones
+$primary-light:     #6BCEF0;
+$primary-lighter:   #AEE4F5;
+$primary-lightest:  lighten(#AEE4F5, 5%);
+$primary-dark:      darken($primary, 5%);
+$primary-darker:    darken($primary, 15%);
+$primary-darkest:   darken($primary, 25%);
+
+$accent-1-light:     lighten($accent-1, 5%);
+$accent-1-lighter:   lighten($accent-1, 15%);
+$accent-1-lightest:  lighten($accent-1, 25%);
+$accent-1-dark:      darken($accent-1, 5%);
+$accent-1-darker:    darken($accent-1, 15%);
+$accent-1-darkest:   darken($accent-1, 25%);
+
+$accent-2-light:     lighten($accent-2, 5%);
+$accent-2-lighter:   lighten($accent-2, 15%);
+$accent-2-lightest:  lighten($accent-2, 25%);
+$accent-2-dark:      darken($accent-2, 5%);
+$accent-2-darker:    darken($accent-2, 15%);
+$accent-2-darkest:   darken($accent-2, 25%);
+
+$accent-dark-light:     lighten($accent-dark, 5%);
+$accent-dark-lighter:   lighten($accent-dark, 15%);
+$accent-dark-lightest:  lighten($accent-dark, 25%);
+
+$accent-light-dark:      darken($accent-light, 5%);
+$accent-light-darker:    darken($accent-light, 15%);
+$accent-light-darkest:   darken($accent-light, 25%);
+
+$success-dark:      darken($success, 5%);
+$success-darker:    darken($success, 15%);
+$success-darkest:   darken($success, 25%);
+
+$warning-dark:      darken($warning, 5%);
+$warning-darker:    darken($warning, 15%);
+$warning-darkest:   darken($warning, 25%);
+
+$danger-dark:      darken($danger, 5%);
+$danger-darker:    darken($danger, 15%);
+$danger-darkest:   darken($danger, 25%);
+
+// groups
+$font: $accent-dark;
+$code: $accent-1;
+$shadow: $accent-light;
+
+// syntax highlighting
+.hll { background-color: #f8f8f8; border: 1px solid #ccc; padding: 6px 10px; border-radius: 3px; }
+.c { color: #999988; font-style: italic; }
+.err { color: #a61717; background-color: #e3d2d2; }
+.k { font-weight: bold; }
+.o { font-weight: bold; }
+.cm { color: #999988; font-style: italic; }
+.cp { color: #999999; font-weight: bold; }
+.c1 { color: #999988; font-style: italic; }
+.cs { color: #999999; font-weight: bold; font-style: italic; }
+.gd { color: #000000; background-color: #ffdddd; }
+.gd .x { color: #000000; background-color: #ffaaaa; }
+.ge { font-style: italic; }
+.gr { color: #aa0000; }
+.gh { color: #999999; }
+.gi { color: #000000; background-color: #ddffdd; }
+.gi .x { color: #000000; background-color: #aaffaa; }
+.go { color: #888888; }
+.gp { color: #555555; }
+.gs { font-weight: bold; }
+.gu { color: #800080; font-weight: bold; }
+.gt { color: #aa0000; }
+.kc { font-weight: bold; }
+.kd { font-weight: bold; }
+.kn { font-weight: bold; }
+.kp { font-weight: bold; }
+.kr { font-weight: bold; }
+.kt { color: #445588; font-weight: bold; }
+.m { color: #009999; }
+.s { color: #dd1144; }
+.n { color: #333333; }
+.na { color: teal; }
+.nb { color: #0086b3; }
+.nc { color: #445588; font-weight: bold; }
+.no { color: teal; }
+.ni { color: purple; }
+.ne { color: #990000; font-weight: bold; }
+.nf { color: #990000; font-weight: bold; }
+.nn { color: #555555; }
+.nt { color: navy; }
+.nv { color: teal; }
+.ow { font-weight: bold; }
+.w { color: #bbbbbb; }
+.mf { color: #009999; }
+.mh { color: #009999; }
+.mi { color: #009999; }
+.mo { color: #009999; }
+.sb { color: #dd1144; }
+.sc { color: #dd1144; }
+.sd { color: #dd1144; }
+.s2 { color: #dd1144; }
+.se { color: #dd1144; }
+.sh { color: #dd1144; }
+.si { color: #dd1144; }
+.sx { color: #dd1144; }
+.sr { color: #009926; }
+.s1 { color: #dd1144; }
+.ss { color: #990073; }
+.bp { color: #999999; }
+.vc { color: teal; }
+.vg { color: teal; }
+.vi { color: teal; }
+.il { color: #009999; }
+.gc { color: #999; background-color: #EAF2F5; }

data/app/assets/stylesheets/bones/variables/_forms.scss

@@ -0,0 +1,12 @@
+$form-margin: $default-margin;
+$form-width: 100%;
+$form-box-sizing: border-box;
+$form-border: 1px solid $accent-light-darker;
+$form-focus-outline: none;
+$form-focus-border: 1px solid $primary;
+$form-input-padding: 4px;
+$form-radio-margin: 0 0 0.5em 0;
+
+$form-fieldset-border: 1px solid $accent-light-darker;
+$form-fieldset-legend-font-weight: 600;
+$form-fieldset-legend-padding: 0 5px;

data/app/assets/stylesheets/bones/variables/_globals.scss

@@ -0,0 +1,12 @@
+// ALL SIZING IS RELATIVE TO THIS VALUE
+$default-font-size: 16px;
+
+$default-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+$default-font-weight: 200;
+$default-line-height: 1.25em;
+$default-color: $font;
+$default-margin: 0.75em 0;
+
+$hr-color: $accent-light-dark;
+$hr-height: 1px;
+$hr-margin: $default-margin;

data/app/assets/stylesheets/bones/variables/_grid.scss

@@ -0,0 +1,8 @@
+$container-width: 1200px;
+$container-padding: 20px;
+
+$grid-cols: 12;
+$grid-col-margin: 0.5%;
+$grid-col-padding: 0.5%;
+$grid-col-margin-top-bottom: 0.5%;
+$grid-col-padding-top-bottom: 0.5%;

data/app/assets/stylesheets/bones/variables/_helpers.scss

@@ -0,0 +1,9 @@
+// margin
+$margin-small: 0.25em;
+$margin-medium: 0.5em;
+$margin-large: 0.75em;
+
+// padding
+$padding-small: 0.5em;
+$padding-medium: 1em;
+$padding-large: 1.5em;

data/app/assets/stylesheets/bones/variables/_images.scss

@@ -0,0 +1,13 @@
+// sizes
+$img-thumb-width: 100px;
+$img-medium-width: 250px;
+$img-large-width: 400px;
+
+// border and outlines
+$img-outline-color: $accent-light-dark;
+$img-frame-width: 0.5em;
+$img-polaroid-frame-width: 0.75em;
+$img-polaroid-bottom-width: 2.75em;
+
+// panoramic
+$img-panoramic-height: 200px;

data/app/assets/stylesheets/bones/variables/_nav.scss

@@ -0,0 +1,40 @@
+// top bar
+$nav-tb-padding: 0.5em 1.25em;
+$nav-tb-font-size: 1.1em;
+$nav-tb-background: transparent;
+$nav-tb-color: $primary-light;
+$nav-tb-background-hover: transparent;
+$nav-tb-color-hover: $accent-light;
+
+// horizontal
+$nav-h-padding: $nav-tb-padding;
+$nav-h-font-size: $nav-tb-font-size;
+$nav-h-background: transparent;
+$nav-h-color: $primary;
+$nav-h-background-hover: $primary;
+$nav-h-color-hover: $accent-light;
+
+// vertical
+$nav-v-padding: 0.5em;
+$nav-v-font-size: 1em;
+$nav-v-background: transparent;
+$nav-v-color: $accent-light-darkest;
+$nav-v-background-hover: transparent;
+$nav-v-color-hover: $primary;
+
+// filters
+$nav-f-padding: 0.5em;
+$nav-f-font-size: 0.9em;
+$nav-f-background: transparent;
+$nav-f-color: $primary;
+$nav-f-background-hover: $primary;
+$nav-f-color-hover: $accent-light;
+
+// breadcrumbs
+$nav-b-padding: 0.5em;
+$nav-b-font-size: 0.9em;
+$nav-b-background: transparent;
+$nav-b-color: $primary-light;
+$nav-b-background-hover: transparent;
+$nav-b-color-hover: $primary;
+$nav-b-separator: " \002F ";

data/app/assets/stylesheets/bones/variables/_tables.scss

@@ -0,0 +1,7 @@
+$table-width: 100%;
+$table-border: 1px solid $accent-light-darker;
+$table-cell-padding: 5px 10px;
+$table-header-background: $primary;
+$table-header-color: $accent-light;
+$table-header-font-weight: 400;
+$table-cell-accent-background: $accent-light;

data/app/assets/stylesheets/bones/variables/_typography.scss

@@ -0,0 +1,61 @@
+// apply to all headings
+$heading-margin: $default-margin;
+$heading-color: $font;
+$heading-caps: false;
+$heading-font-weight: 600;
+
+// individual headings
+$h1-font-size: 2.75em;
+$h2-font-size: 2.4em;
+$h3-font-size: 2.05em;
+$h4-font-size: 1.7em;
+$h5-font-size: 1.35em;
+$h6-font-size: 1.0em;
+
+// subheadings
+$subheading-color: $accent-dark-lightest;
+$subheading-font-weight: 200;
+$subheading-size-factor: 0.75;
+
+// small headings
+$heading-small-factor: 60%;
+$heading-small-color: $subheading-color;
+
+// body copy
+$paragraph-font: $default-font-size;
+$paragraph-font-weight: $default-font-weight;
+$paragraph-margin: $default-margin;
+$paragraph-line-height: $default-line-height;
+$paragraph-color: $font;
+
+// blockquotes
+$blockquote-padding: 0.25em 0.75em;
+$blockquote-margin: $default-margin;
+$blockquote-background: $accent-light;
+$blockquote-border-left: 7.5px solid $accent-light-dark;
+$blockquote-font-size: $default-font-size;
+
+// links
+$link-color: $primary;
+$link-underline: false;
+$link-hover-color: $primary-darker;
+$link-hover-underline: false;
+
+// individual characters
+$small-font-factor: 60%;
+$big-font-factor: 140%;
+$strong-font-weight: 600;
+
+// unordered lists
+$ul-margin-left-level-1: -20px;
+$ul-margin-left-level-2: 0;
+$ul-style-type: disc;
+$ul-line-height: 1.5;
+
+// ordered lists
+$ol-margin-left-level-1: $ul-margin-left-level-1;
+$ol-margin-left-level-2: $ul-margin-left-level-2;
+$ol-line-height: $ul-line-height;
+
+// horizontal lists
+$ul-h-padding: 0.5em 1.25em;

data/app/assets/stylesheets/bones/vendor/_normalize.scss

@@ -0,0 +1,406 @@
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+    background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}