underoos 1.0.0

data/app/assets/stylesheets/components/_accordions.sass

@@ -0,0 +1,17 @@
+
+// Typically the `li`
+.accordion-group
+  border: 1px solid $component_border
+  border-radius: $radii
+  margin-bottom: 2px
+
+// The button and always visible text
+.accordion-toggle
+  display: block
+  padding: 0.75em 1em
+
+// The body of the text that is collapsed (must be nested in a `.collapse` container
+.accordion-inner
+  border-top: 1px solid $component_border
+  padding: 0.75em 1em
+

data/app/assets/stylesheets/components/_breadcrumbs.sass

@@ -0,0 +1,22 @@
+
+.breadcrumb > li
+  +inline-block
+  color: $component_normal
+  font-weight: bold
+  &:after
+    content: " /"
+  &:last-child:after
+    content: ""
+
+.breadcrumb > li > a
+  display: inline
+  color: $link_normal
+
+.breadcrumb > li > a:hover,
+.breadcrumb > li > a:active
+  color: $link_hover
+
+.breadcrumb > .active > a,
+.breadcrumb > .active > a:hover
+  color: $component_normal
+

data/app/assets/stylesheets/components/_button-groups.sass

@@ -0,0 +1,46 @@
+
+// Settings for button groups and toolbars
+.button-group
+  +clearfixer
+  +box-sizing(border-box)
+  position: relative
+
+.button-group + .button-group
+  margin-left: 0.5em
+
+.button-toolbar .button-group
+  +inline-block
+
+.button-group .dropdown-toggle:active,
+.button-group.open .dropdown-toggle
+  outline: 0
+
+// Inherits from .dropdown.open .dropdown-menu
+.button-group.open .dropdown-menu
+  margin-top: 1px
+
+// Overrides and settings specific for the `.btn` class
+.button-group .btn
+  border-radius: 0
+  float: left
+  margin-left: -1px
+  position: relative
+
+.button-group .btn:first-child
+  border-top-left-radius: $radii
+  border-bottom-left-radius: $radii
+
+.button-group .btn:last-child,
+.button-group .dropdown-toggle
+  border-top-right-radius: $radii
+  border-bottom-right-radius: $radii
+
+.button-group .btn:hover,
+.button-group .btn:focus,
+.button-group .btn:active,
+.button-group .btn.active
+  z-index: 2
+
+.button-group.open .btn.dropdown-toggle
+  +box-shadow($inset_dark)
+

data/app/assets/stylesheets/components/_carets.sass

@@ -0,0 +1,24 @@
+
+.caret
+  +inline-block
+  border-width: 4px
+  border-style: solid
+  border-color: $link_normal transparent transparent transparent
+  content: "\2193"
+  text-indent: -999em
+  width: 0
+  height: 0
+  vertical-align: top
+  &.north
+    border-color: transparent transparent $link_normal transparent
+  &.south
+    border-color: $link_normal transparent transparent transparent
+  &.east
+    border-color: transparent transparent transparent $link_normal
+  &.west
+    border-width: 5px
+    border-color: transparent $link_normal transparent transparent
+    margin-left: -5px
+  &.split
+    margin-left: 0
+

data/app/assets/stylesheets/components/_carousels.sass

@@ -0,0 +1,18 @@
+
+.carousel
+  +clearfixer
+
+.carousel-container
+  overflow: hidden
+  width: 100%
+
+.carousel-inner
+  -webkit-transform: translateZ(0)
+  +transition(all $speed $ease-in-out-quart)
+  width: 1000%
+
+.carousel .carousel-panel
+  +box-sizing(border-box)
+  float: left
+  width: 10%
+

data/app/assets/stylesheets/components/_close.sass

@@ -0,0 +1,25 @@
+
+// The "x" close button used in messaging systems.
+// In your markup use `×` for the content
+.close
+  +font-size(20)
+  +opacity(0.3)
+  float: right
+  cursor: pointer
+  color: $black
+  font-weight: bold
+  line-height: 1
+  text-shadow: $text_drop_lite
+  text-decoration: none !important
+  &:visited, &:hover, &:active
+    color: $black
+  &:hover, &:active
+    +opacity(0.5)
+
+// The alternative is reversed white on black
+.close.alt
+  color: $white
+  text-shadow: $text_drop_dark
+  &:visited, &:hover, &:active
+    color: $white
+

data/app/assets/stylesheets/components/_decals.sass

@@ -0,0 +1,27 @@
+
+.decal
+  background-color: $standard
+  border-radius: $radii
+  font-size: 85%
+  font-weight: bold
+  text-transform: uppercase
+  padding: 0.125em 0.5em
+  &.info, &.important, &.success,
+  &.warning, &.danger, &.primary
+    color: $white
+  &.info
+    background-color: $info
+  &.important
+    background-color: $important
+  &.success
+    background-color: $success
+  &.warning
+    background-color: $warning
+  &.danger
+    background-color: $danger
+  &.primary
+    background-color: $primary
+
+a.decal:hover
+  text-decoration: none
+

data/app/assets/stylesheets/components/_dropdowns.sass

@@ -0,0 +1,85 @@
+
+.dropdown
+  position: relative
+
+.dropdown-toggle:active,
+.dropdown.open .dropdown-toggle
+  outline: 0
+
+.dropdown .caret
+  margin: 0.5em 0 0 0.5em
+
+.dropdown:hover .caret,
+.dropdown.open .caret
+  border-top-color: $link_hover
+
+// To get IE7 support, comment out +visuallyhidden and uncomment display:none
+.dropdown-menu
+  +visuallyhidden
+  // display: none
+  +box-shadow($drop_dark)
+  background-clip: padding-box
+  background-color: $body_bg
+  border-radius: 0 0 $radii $radii
+  list-style: none
+  float: left
+  top: 100%
+  left: 0
+  min-width: 160px
+  z-index: $zindex_dropdown
+  &.drop-up
+    border-radius: $radii
+    top: auto
+    bottom: 100%
+
+.dropdown-menu li > a
+  color: $component_normal
+  display: block
+  padding: 0.3em 1em
+  clear: both
+  white-space: nowrap
+
+.dropdown-menu li > a:hover,
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover
+  color: $component_active
+  background-color: $component_bg_active
+
+.dropdown-menu li > a:active,
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover
+  +box-shadow($inset_dark)
+
+// Kinda like an hr
+.dropdown-menu .divider
+  background-color: $component_border
+  border-bottom: 1px solid lighten($component_border, 15%)
+  margin: 0.3em 1px
+  height: 1px
+  overflow: hidden
+
+// Open state for the dropdown
+.dropdown.open .dropdown-toggle
+  color: $link_hover
+
+
+.dropdown.open .dropdown-menu,
+.typeahead.dropdown-menu,
+.button-group.open .dropdown-menu
+  +visuallyshown
+  display: block
+  position: absolute
+  clip: initial
+  border: 1px solid $component_border
+  padding: 0.3em 0
+  &.drop-up
+    margin-bottom: 2px
+
+.typeahead.dropdown-menu
+  display: none
+
+// Redeclare for specificity purposes
+.pull-right .dropdown-menu
+  left: auto
+  right: 0
+

data/app/assets/stylesheets/components/_media.sass

@@ -0,0 +1,33 @@
+
+.media-grid
+  +box-sizing(border-box)
+  +clearfixer
+  list-style: none
+
+.media-grid > li
+  +box-sizing(border-box)
+  float: left
+  margin-bottom: 1em
+
+.media-item
+  +box-sizing(border-box)
+  +box-shadow($drop_dark)
+  border: 1px solid $component_border
+  border-radius: $radii
+  display: block
+  line-height: 1
+  padding: 0.3em
+
+a.media-item:hover
+  +box-shadow($focus_glow)
+  border-color: $blue
+
+.media-item > img
+  display: block
+  margin-left: auto
+  margin-right: auto
+  max-width: 100%
+
+.media-item .caption
+  padding: 1em
+

data/app/assets/stylesheets/components/_modals.sass

@@ -0,0 +1,28 @@
+
+.modal-backdrop
+  +transition(opacity $speed)
+  background-color: $body_bg
+  position: fixed
+  top: 0
+  left: 0
+  right: 0
+  bottom: 0
+  z-index: $zindex_modal_backdrop
+  &.fade
+    +opacity(0)
+
+.modal-backdrop, .modal-backdrop.fade.in
+  +opacity(0.8)
+
+.modal
+  +box-sizing(border-box)
+  display: none
+  overflow: auto
+  position: fixed
+  top: 50%
+  left: 50%
+  width: 560px
+  max-height: 500px
+  margin: -250px 0 0 -280px
+  z-index: $zindex_modal
+

data/app/assets/stylesheets/components/_nav-lists.sass

@@ -0,0 +1,22 @@
+
+// Nav List
+.nav-list > li > a
+  border-radius: $radii
+
+.nav-list .active > a,
+.nav-list li > a:active
+  +box-shadow($inset_dark)
+
+.nav-list > li > a
+  text-shadow: $text_drop_lite
+  padding: 0.4em 1em
+
+.nav-list > li > a:hover
+  background-color: $component_bg_hover
+
+.nav-list .active > a,
+.nav-list .active > a:hover
+  background-color: $component_bg_active
+  color: $component_active
+  text-shadow: $text_inset_dark
+

data/app/assets/stylesheets/components/_navbars.sass

@@ -0,0 +1,105 @@
+
+.navbar
+  overflow: visible
+
+.navbar-inner
+  +box-shadow($drop_dark)
+  border-radius: $radii
+  background-color: $standard
+  font-weight: bold
+  text-shadow: $text_drop_lite
+
+.navbar-inner .nav
+  display: block
+  float: left
+  position: relative
+  left: 0
+
+.navbar .nav > li
+  display: block
+  float: left
+
+.navbar .nav > li > a
+  float: none
+  color: $link_normal
+  padding: 1em 0.75em
+  &:hover, &:active
+    background-color: $component_bg_hover
+    color: $link_hover
+
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover,
+.navbar .nav .open > .dropdown-toggle,
+.navbar .nav .active > .dropdown-toggle,
+.navbar .nav .open.active > .dropdown-toggle
+  +box-shadow($inset_dark)
+  background-color: $primary
+  color: $standard
+  text-shadow: $text_inset_dark
+
+// Shared inner elements
+.navbar .brand,
+.navbar .plain-text,
+.navbar .button-group,
+.navbar form
+  display: block
+  float: left
+
+.navbar .brand,
+.navbar .plain-text
+  padding: 1em 0.75em
+
+.navbar .brand
+  color: $greyC
+
+.navbar .button-group,
+.navbar form
+  margin: 0.6em 0.75em
+
+// Dropdowns
+.navbar .dropdown-menu
+  font-weight: normal
+  text-shadow: none
+
+.navbar .nav .open.dropdown .caret,
+.navbar .nav .active .caret
+  border-top-color: $standard
+
+// Fixed Navbar
+.navbar.fixed
+  position: fixed
+  top: 0
+  right: 0
+  left: 0
+  z-index: $zindex_navbar
+
+.navbar.fixed .navbar-inner
+  border-radius: 0
+
+// Redeclare for specificity
+.navbar .pull-right
+  float: right
+
+// Button for toggling navbar items in responsive layouts
+.btn-navbar
+  display: none
+  float: right
+  margin: 0.5em
+
+.btn-navbar .icon-bar
+  +box-shadow(0 1px 0 rgba($black, 0.25))
+  background-color: $white
+  display: block
+  width: 18px
+  height: 2px
+
+.btn-navbar .icon-bar + .icon-bar
+  margin-top: 3px
+
+.nav-collapse
+  -webkit-transform: translate3d(0, 0, 0)
+
+// Override the default collapsed state
+.nav-collapse.collapse
+  height: auto
+