tier 0.0.1

data/app/assets/stylesheets/tier/_tables.scss

@@ -0,0 +1,49 @@
+/**
+ * Tables
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+table {
+  max-width: 100%;
+  width: 100%;
+  empty-cells: show;
+  text-align: left;
+  margin: 0 0 $base-margin 0;
+  line-height: $body-line-height;
+  border: $table-border;
+
+  caption {
+    text-transform: uppercase;
+    text-align: center;
+    vertical-align: top;
+    padding: 0 0 $base-padding/2.5;
+  }
+
+  thead,
+  tfoot {
+    font-weight: bold;
+    background: $table-background;
+  }
+
+  thead {
+    font-size: $table-thead-font-size;
+  }
+
+  tbody {
+    font-size: $table-tbody-font-size;
+  }
+
+  tfoot {
+    font-size: $table-tfoot-font-size;
+  }
+
+  th,
+  td {
+    border-bottom: $table-border;
+    padding: $base-padding/2;
+    vertical-align: top;
+  }
+}

data/app/assets/stylesheets/tier/_typography.scss

@@ -0,0 +1,233 @@
+/**
+ * Typography
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+/*** Links ***/
+
+a {
+  text-decoration: none;
+  color: $link-color;
+  outline: none;
+
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+  }
+}
+
+/*** Globals ***/
+
+p,h1,h2,h3,h4,h5,h6,ul,ol,dl,address,blockquote,hr,hgroup,figure {
+  margin:      0 0 $base-margin 0;
+  line-height: $body-line-height;
+}
+
+/*** Inline ***/
+
+small {
+  font-size:   0.7em;
+  line-height: 1;
+}
+
+del {
+  text-decoration: line-through;
+}
+
+abbr[title],
+dfn[title] {
+  border-bottom: 1px solid $body-text-color;
+  cursor:        help;
+}
+
+strong,
+b {
+  font-weight: bold;
+}
+
+em,
+i {
+  font-style: italic;
+}
+
+sub,
+sup {
+  font-size:   $body-font-size - 4;
+  line-height: 0;
+  position:    relative;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+ins,
+mark {
+  color: $selection-color;
+  background: $selection-background-color !important;
+  text-decoration:  none;
+}
+
+/*** HR ***/
+
+hr {
+  margin:     $base-margin 0;
+  border:     0;
+  border-top: $hr-border;
+}
+
+/*** Headings ***/
+
+h1,h2,h3,h4,h5,h6 {
+  font-size:      $body-font-size;
+  font-weight:    bold;
+  text-rendering: optimizeLegibility;
+  display:        block;
+  line-height:    $heading-line-height;
+
+  small {
+    font-weight: normal;
+    line-height: 1;
+    font-size:   0.7em;
+  }
+}
+
+h1 { font-size: $heading1-font-size; }
+h2 { font-size: $heading2-font-size; }
+h3 { font-size: $heading3-font-size; }
+h4 { font-size: $heading4-font-size; }
+h5 { font-size: $heading5-font-size; }
+h6 { font-size: $heading6-font-size; }
+
+/*** Address ***/
+
+address {
+  font-style: normal;
+}
+
+/*** Lists ***/
+
+ul,ol {
+  padding: 0;
+  list-style-position: inside;
+}
+
+ul ul,
+ol ol,
+ul ol,
+ol ul {
+  margin: 0 0 0 $base-margin;
+}
+
+ol ol li {
+  list-style-type: lower-alpha;
+}
+
+ol ol ol li {
+  list-style-type: lower-roman;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin: 0 0 $base-margin/2 0;
+}
+
+/*** Quotes ***/
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+
+blockquote {
+  font-size:    $body-font-size + 2;
+  font-style:   italic;
+  position:     relative;
+  padding-left: $base-padding;
+  margin-left:  0;
+  border-left:  $quote-border;
+  font-weight:  300;
+}
+
+blockquote small,
+blockquote cite {
+  font-style:  italic;
+  font-weight: normal;
+  font-size:   $body-font-size;
+}
+
+/*** Code ***/
+
+pre,
+code,
+kbd,
+samp {
+  font-size: $body-font-size - 2;
+  font-family: $code-font-family;
+}
+ 
+pre {
+  background: $code-background;
+  padding: $base-padding / 2;
+  overflow: auto;
+  max-width: 100%;
+  margin: 0 0 $base-margin;
+}
+
+code {
+  padding: 3px 6px;
+  display: inline-block;
+  line-height: 1;
+  background: $code-background;
+}
+
+pre code {
+  font-size: 100%;
+  border: none;
+  padding: 0;
+  background: none;
+  line-height: $body-line-height;
+  display: block;
+  border-radius: none;
+}
+
+kbd {
+  padding: 3px 6px;
+  line-height: 1;
+  display: inline-block;
+  border: 1px solid rgba(0,0,0,0.1);
+  font-weight: normal;
+  white-space: nowrap;
+}
+
+/*** Images ***/
+
+img {
+  max-width: 100%;
+  height: auto !important;
+  vertical-align: middle;
+}
+
+figure {
+  line-height: 1;
+  max-width: 100%;
+}
+
+figcaption {
+  font-size: $body-font-size - 1;
+  font-style: italic;
+  line-height: $body-line-height;
+  padding: $base-padding/3 0;
+}

data/app/assets/stylesheets/tier/_variables.scss

@@ -0,0 +1,151 @@
+/**
+ * Variables
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+/** Colors
+***********************/
+
+$color-cyan-1:                      #3c989e !default;
+$color-cyan-2:                      #209c83 !default;
+$color-cyan-3:                      #68c39f !default;
+
+$color-red-1:                       #eb5055 !default;
+$color-red-2:                       #f56f6c !default;
+$color-red-3:                       #f1a9a0 !default;
+
+$color-blue-1:                      #2980b9 !default;
+$color-blue-2:                      #3498db !default;
+$color-blue-3:                      #00bff0 !default;
+
+$color-green-1:                     #3f6a3c !default;
+$color-green-2:                     #8fb258 !default;
+$color-green-3:                     #add278 !default;
+
+$color-yellow-1:                    #e1c336 !default;
+$color-yellow-2:                    #f4d444 !default;
+$color-yellow-3:                    #ede185 !default;
+
+$color-edward:                      #ABB7B7 !default;
+$color-silver:                      #BFBFBF !default;
+$color-pumice:                      #D2D7D3 !default;
+
+$color-black-1:                     #333 !default;
+$color-darkgray-1:                  #777 !default;
+$color-gray-1:                      #ddd !default;
+
+
+
+
+/** Base
+***********************/
+
+$base-number:                       14px !default;
+$base-color:                        $color-cyan-1 !default;
+$base-margin:                       20px !default;
+$base-padding:                      20px !default;
+$base-radius:                       2px !default;
+
+
+
+
+/** Foundation
+***********************/
+
+$body-font-family:                  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$body-font-size:                    $base-number !default;
+$body-background-color:             white !default;
+$body-text-color:                   $color-black-1 !default;
+$body-line-height:                  1.44 !default;
+
+$selection-background-color:        $base-color !default;
+$selection-color:                   rgba(white, 0.99) !default;
+
+
+
+
+/** Typography
+***********************/
+
+$link-color:                        $color-darkgray-1 !default;
+$link-hover-color:                  $base-color !default;
+
+$hr-border:                         1px solid rgba(black, 0.1) !default;
+
+$quote-border:                      1px solid rgba(black, 0.1) !default;
+
+$heading-line-height:               $body-line-height - 0.2 !default;
+$heading1-font-size:                $body-font-size + 6 !default;
+$heading2-font-size:                $body-font-size + 4 !default;
+$heading3-font-size:                $body-font-size + 2 !default;
+$heading4-font-size:                $body-font-size + 0 !default;
+$heading5-font-size:                $body-font-size - 2 !default;
+$heading6-font-size:                $body-font-size - 4 !default;
+
+$code-font-family:                  Menlo, Monaco, Consolas, "Courier New", monospace !default;
+$code-background:                   rgba(0,0,0,0.05) !default;
+
+
+
+
+/** Tables
+***********************/
+
+$table-border:                      1px solid $color-gray-1 !default;
+$table-thead-font-size:             $body-font-size !default;
+$table-tbody-font-size:             $body-font-size - 1 !default;
+$table-tfoot-font-size:             $body-font-size !default;
+$table-background:                  rgba(0,0,0,0.02) !default;
+
+
+
+
+/** Buttons
+***********************/
+
+$button-background:                 $body-text-color !default;
+$button-font-size:                  $body-font-size - 1 !default;
+$button-color:                      white !default;
+$button-hover-background:           rgba($button-background, 0.7) !default;
+$button-hover-color:                white !default;
+$button-ghost-color:                $body-text-color !default;
+$button-ghost-border:               1px solid rgba($body-text-color, 0.7) !default;
+$button-ghost-hover-color:          rgba($body-text-color, 0.7) !default;
+$button-ghost-hover-border:         1px solid rgba($body-text-color, 0.4) !default;
+
+
+
+
+/** Forms
+***********************/
+
+$form-input-border:                 1px solid $body-text-color !default;
+$form-input-background:             white !default;
+$form-input-font-size:              $body-font-size - 1 !default;
+$form-input-placeholder:            $color-darkgray-1 !default;
+$form-required-color:               $color-red-2 !default;
+$form-description-font-size:        $body-font-size - 2 !default;
+
+
+
+
+/** Grid
+***********************/
+
+$breakpoint-max-xs:                 "max-width: 420px" !default;  
+$breakpoint-min-sm:                 "min-width: 421px" !default;
+$breakpoint-max-sm:                 "max-width: 767px" !default;
+$breakpoint-min-md:                 "min-width: 768px" !default;
+$breakpoint-max-md:                 "max-width: 979px" !default;
+$breakpoint-min-lg:                 "min-width: 980px" !default;
+$breakpoint-max-lg:                 "max-width: 1279px" !default;
+$breakpoint-min-xl:                 "min-width: 1280px" !default;
+
+$container-xs:                      320px !default;
+$container-sm:                      420px !default;
+$container-md:                      768px !default;
+$container-lg:                      960px !default;
+$container-xl:                      1280px !default;

data/app/assets/stylesheets/tier/_vendor.scss

@@ -0,0 +1,15 @@
+/**
+ * Vendor
+ *
+ * @copyright Copyright (c) 2015, hugw.io
+ * @author Hugo W - hugo.wnt@gmail.com
+ * @license The MIT License (MIT)
+ */
+
+/*** Bourbon ***/
+
+@import 'bourbon';
+
+/*** Font Awesome ***/
+
+@import 'font-awesome';