bones-rails 0.1.0 → 1.0.0

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

@@ -1,16 +0,0 @@
-// 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

@@ -1,15 +0,0 @@
-$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

@@ -1,122 +0,0 @@
-// 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

@@ -1,12 +0,0 @@
-$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

@@ -1,12 +0,0 @@
-// 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

@@ -1,8 +0,0 @@
-$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

@@ -1,9 +0,0 @@
-// 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

@@ -1,13 +0,0 @@
-// 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

@@ -1,40 +0,0 @@
-// 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

@@ -1,7 +0,0 @@
-$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

@@ -1,61 +0,0 @@
-// 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;