underoos 1.0.0

data/app/assets/stylesheets/base/_normalize.sass

@@ -0,0 +1,114 @@
+
+// Normalization based on:
+// - [normalize.css](http://necolas.github.com/normalize.css/)
+// - [HTML5 Boilerplate](http://html5boilerplate.com/)
+
+// Resets based on:
+// [Eric Meyer's reset](http://meyerweb.com/eric/tools/css/reset/)
+
+// HTML 5 definitions and normalization
+article, aside, details, figcaption, figure,
+footer, header, hgroup, nav, section, summary
+  display: block
+  margin: 0
+  padding: 0
+
+audio, canvas, video
+  margin: 0
+  padding: 0
+  display: inline-block
+  *display: inline
+  *zoom: 1
+
+audio:not([controls])
+  display: none
+  height: 0
+
+[hidden]
+  display: none
+
+// Reset margins, paddings and borders
+html, body, div, span, hr, img, iframe,
+h1, h2, h3, h4, h5, h6, p, a, small, strong, em,
+address, abbr, dfn, sub, sup, del, ins,
+blockquote, q, cite, pre, code, kbd, samp,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend, button, input, select, textarea,
+table, caption, tbody, tfoot, thead, tr, th, td,
+time, mark
+  margin: 0
+  padding: 0
+
+// All Typography normalization is found in _typography.sass
+// All List normalization is found in _lists.sass
+
+// Embedded content normalization
+img
+  border: 0
+  -ms-interpolation-mode: bicubic
+
+svg:not(:root)
+  overflow: hidden
+
+.chromeframe
+  background: #ccc
+  color: #000
+  margin: 0.2em 0
+  padding: 0.2em 0
+
+// Form normalization
+button, input, select, textarea, label
+  font-size: 100%
+  vertical-align: baseline
+  *vertical-align: middle
+
+legend
+  white-space: normal
+  *margin-left: -7px
+
+button, input
+  line-height: normal
+
+textarea
+  overflow: auto
+  vertical-align: top
+  resize: vertical
+
+button::-moz-focus-inner,
+input::-moz-focus-inner
+  border: 0
+  padding: 0
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"]
+  cursor: pointer
+  line-height: normal
+  -webkit-appearance: button
+  *overflow: visible
+
+button[disabled],
+a.disabled,
+li.disabled > a
+  cursor: default
+
+input[type="checkbox"],
+input[type="radio"]
+  +box-sizing(border-box)
+  cursor: pointer
+
+input[type="search"]
+  +box-sizing(content-box)
+  -webkit-appearance: textfield
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button
+  -webkit-appearance: none
+
+// Table normalization
+table
+  border-collapse: collapse
+  border-spacing: 0
+  max-width: 100%
+

data/app/assets/stylesheets/base/_scaffold.sass

@@ -0,0 +1,51 @@
+
+// Top level elements
+html
+  font-size: 100%
+  overflow-y: scroll
+  -webkit-tap-highlight-color: rgba(0,0,0,0)
+  -webkit-font-smoothing: antialiased
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+
+html, button, input, select, textarea
+  color: $body_color
+  font-family: $sans_norm
+
+body
+  +font-size($base_font_size)
+  background: $body_bg
+  line-height: $base_line_height
+
+@mixin text-selection
+  background: $select_bg
+  color: $select_color
+  text-shadow: none
+
+\::-moz-selection
+  +text-selection
+
+\::selection
+  +text-selection
+
+// Links
+a, a:visited
+  color: $link_normal
+  text-decoration: none
+
+a:focus
+  outline: thin dotted
+
+a:hover, a:active
+  outline: 0
+  text-decoration: none
+
+a:hover
+  color: $link_hover
+
+a:active, a.active, .active > a
+  color: $link_hover
+
+a:link
+  -webkit-tap-highlight-color: $tap_highlight
+

data/app/assets/stylesheets/base/_tables.sass

@@ -0,0 +1,99 @@
+
+// Tables
+table
+  margin: 0.5em 0
+  width: 100%
+
+  caption
+    font-size: 0.85em
+    font-weight: bold
+    text-align: left
+    margin-bottom: .5em
+
+  th, td
+    border-top: 1px solid $component_border
+    line-height: 1
+    text-align: left
+    padding: 0.6em
+
+  th
+    font-weight: bold
+    vertical-align: bottom
+
+  thead:first-child tr th,
+  thead:first-child tr td
+    border-top: 0
+
+  tbody td > a:hover
+    text-decoration: underline
+
+  tfoot
+    font-size: 0.85em
+
+  tbody + tbody
+    border-top: 2px solid $component_border
+
+  th .ascending .caret
+    margin-top: 6px
+  th .descending .caret
+    margin-top: 2px
+
+  th .ascending:hover .caret
+    border-top-color: $link_hover
+
+  th .descending:hover .caret
+    border-bottom-color: $link_hover
+
+// Outer box
+table.box
+  thead tr
+    border: 1px solid $component_border
+  tbody tr
+    border: 1px solid $component_border
+  tfoot tr
+    border: 1px solid $component_border
+
+  thead th
+    &:first-child
+      border-left-color: $component_border !important
+    &:last-child
+      border-right-color: $component_border !important
+  tbody td
+    &:first-child
+      border-left-color: $component_border !important
+    &:last-child
+      border-right-color: $component_border !important
+
+// Vertical borders
+table.vborder
+  thead th
+    border-left: 1px solid $component_border
+    border-right: 1px solid $component_border
+    &:first-child
+      border-left-color: transparent
+    &:last-child
+      border-right-color: transparent
+
+  tbody td
+    border-left: 1px solid $component_border
+    border-right: 1px solid $component_border
+    &:first-child
+      border-left-color: transparent
+    &:last-child
+      border-right-color: transparent
+
+// Banded table
+table.banded tbody tr
+  &:nth-child(odd)
+    background-color: transparent
+  &:nth-child(even)
+    background-color: $component_bg_hover
+
+// Colorize the table header background
+table.thead-decorate thead
+  background-color: darken($component_bg_hover, 5%)
+
+// Colorize the table footer background
+table.tfoot-decorate tfoot
+  background-color: $off_white
+

data/app/assets/stylesheets/base/_transitions.sass

@@ -0,0 +1,17 @@
+
+// Show and hide behaviors
+.fade
+  +transition(opacity $speed)
+  +opacity(0)
+  &.in
+    +opacity(1)
+
+// Accordians
+.collapse
+  +transition(height $speed $ease-in-out-quart)
+  position: relative
+  overflow: hidden
+  height: 0
+  &.in
+    height: auto
+

data/app/assets/stylesheets/base/_typography.sass

@@ -0,0 +1,185 @@
+
+// ## Typography
+
+// Heading Styles
+h1, h2, h3, h4, h5, h6
+  color: $header_color
+  line-height: 1
+  margin-bottom: 0.1em
+
+h1
+  +font-size(36)
+
+h2
+  +font-size(30)
+
+h3
+  +font-size(24)
+
+h4
+  +font-size(20)
+
+h5
+  +font-size(18)
+
+h6
+  +font-size(18)
+  font-style: italic
+
+// Paragraph Styles
+p
+  font-style: normal
+p a:hover
+  text-decoration: underline
+
+small
+  font-size: 85%
+
+b, strong
+  font-style: bold
+
+sub, sup
+  font-size: 75%
+  line-height: 0
+  position: relative
+  vertical-align: baseline
+
+sup
+  top: -0.5em
+
+sub
+  bottom: -0.25em
+
+address
+  font-style: normal
+
+abbr, dfn
+  border-bottom: 1px dotted
+  cursor: help
+  font-size: 90%
+  font-style: normal
+  text-transform: uppercase
+
+// Code
+pre, code, kbd, samp
+  font-family: $code_norm
+  _font-family: "courier new", monospace
+
+code, kbd, samp
+  background: $off_white
+  border: 1px solid lighten($component_border, 10%)
+  font-size: 85%
+  padding: 0 0.3em
+
+code
+  color: $red
+
+pre
+  background: $off_white
+  border: 1px solid $component_border
+  margin: 1em 0
+  padding: 0.75em
+  font-size: 85%
+  text-shadow: 0 1px 0 $white
+  white-space: pre
+  white-space: pre-wrap
+  word-wrap: break-word
+  overflow: hidden
+
+pre code
+  padding: 0
+  border: 0
+  background: transparent
+
+// .pln, .pun, .opn, .clo => color: body_color
+pre.prettyprint
+  .com
+    color: #93a1a1
+  .lit
+    color: #195f91
+  .fun
+    color: #cb4b15
+  .kwd, .tag
+    color: #258ad2
+  .str, .atv
+    color: #859900
+  .atn, .type, .dec, .var
+    color: #d33682
+
+// Blockquotes
+blockquote
+  font-family: $serif_norm
+  margin: 1em
+  padding: 0 10%
+
+blockquote p
+  +font-size(16)
+  font-style: italic
+
+blockquote small
+  display: block
+  margin-top: 0.75em
+  &:before
+    content: '\2014 \00A0'
+
+blockquote cite
+  border-bottom: 1px dotted
+  cursor: help
+  font-style: normal
+
+q:before, q:after,
+blockquote:before,
+blockquote:after
+  content: ""
+
+
+// Misc
+hr
+  display: block
+  height: 1px
+  border: 0
+  border-top: 1px solid $hr_color
+  margin: 1em 0
+  &.dotted
+    border-top-style: dotted
+  &.dashed
+    border-top-style: dashed
+
+mark
+  background: $yellow
+  padding: 0 0.3em
+
+// LISTS
+
+// Ordered and Unordered Lists
+ul
+  list-style: square inside
+
+ol
+  list-style: decimal inside
+
+ul li, ol li
+  margin-left: 0.25em
+
+ul ul li, ul ol li,
+ol ul li, ol ol li
+  margin-left: 1.5em
+
+// Navigation and unstyled Lists
+nav ul, nav ol, ul.unstyled, ol.unstyled
+  list-style: none
+  list-style-image: none
+  ul li, ol li, li
+    margin-left: 0
+    padding: 0
+
+// Definition Lists
+dl dt
+  font-weight: bold
+  margin-top: 0.5em
+  &:after
+    content: ":"
+
+dl dd
+  font-weight: normal
+