sass-rails-bootstrap 2.0.2

data/vendor/assets/stylesheets/twitter/bootstrap/_navbar.sass

@@ -0,0 +1,300 @@
+// NAVBAR (FIXED AND STATIC)
+// -------------------------
+
+
+// COMMON STYLES
+// -------------
+
+.navbar
+  // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
+  *position: relative
+  *z-index: 2
+  
+  overflow: visible
+  margin-bottom: $baseLineHeight
+
+// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
+.navbar-inner
+  padding-left:  20px
+  padding-right: 20px
+  +gradient-vertical($navbarBackgroundHighlight, $navbarBackground)
+  +border-radius(4px)
+  $shadow: 0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1)
+  +box-shadow($shadow)
+  
+// Set width to auto for default container
+// We then reset it for fixed navbars in the +grid-generate mixin
+.navbar .container
+  width: auto
+
+// Navbar button for toggling navbar items in responsive layouts
+.btn-navbar
+  display: none
+  float: right
+  padding: 7px 10px
+  margin-left: 5px
+  margin-right: 5px
+  +button-background($navbarBackgroundHighlight, $navbarBackground)
+  $shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)
+  +box-shadow($shadow)
+
+.btn-navbar .icon-bar
+  display: block
+  width: 18px
+  height: 2px
+  background-color: #f5f5f5
+  +border-radius(1px)
+  +box-shadow(0 1px 0 rgba(0,0,0,.25))
+  
+.btn-navbar .icon-bar + .icon-bar
+  margin-top: 3px
+
+// Override the default collapsed state
+.nav-collapse.collapse
+  height: auto
+
+
+// Brand, links, text, and buttons
+.navbar
+  color: $navbarText
+  // Hover and active states
+  .brand:hover
+    text-decoration: none
+  // Website or project name
+  .brand
+    float: left
+    display: block
+    padding: 8px 20px 12px
+    margin-left: -20px  // negative indent to left-align the text down the page
+    font-size: 20px
+    font-weight: 200
+    line-height: 1
+    color: $white
+  // Plain text in topbar
+  .navbar-text
+    margin-bottom: 0
+    line-height: $navbarHeight
+  // Buttons in navbar
+  .btn,
+  .btn-group
+    +navbar-vertical-align(30px)  // vertically center in navbar
+  .btn-group .btn
+    margin-top: 0  // then undo the margin here so we don't accidentally double it
+
+// Navbar forms
+.navbar-form
+  margin-bottom: 0  // remove default bottom margin
+  +clearfix
+  input,
+  select,
+  .radio,
+  .checkbox
+    +navbar-vertical-align(30px)  // vertically center in navbar
+  input,
+  select
+    display: inline-block
+    margin-bottom: 0
+  input[type="image"],
+  input[type="checkbox"],
+  input[type="radio"]
+    margin-top: 3px
+  .input-append,
+  .input-prepend
+    margin-top: 6px
+    white-space: nowrap  // prevent two items from separating within a .navbar-form that has .pull-left
+    input
+      margin-top: 0  // remove the margin on top since it's on the parent
+
+// Navbar search
+.navbar-search
+  position: relative
+  float: left
+  +navbar-vertical-align(28px)  // vertically center in navbar
+  margin-bottom: 0
+  .search-query
+    padding: 4px 9px
+    +font-sans-serif(13px, normal, 1)
+    color: $white
+    background-color: $navbarSearchBackground
+    border: 1px solid $navbarSearchBorder
+    $shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0px rgba(255,255,255,.15)
+    +box-shadow($shadow)
+    +transition(none)
+
+    // Placeholder text gets special styles; can't be a grouped selector
+    &:-moz-placeholder
+      color: $navbarSearchPlaceholderColor
+    &::-webkit-input-placeholder
+      color: $navbarSearchPlaceholderColor
+
+    // Focus states (we use .focused since IE7-8 and down doesn't support :focus)
+    &:focus,
+    &.focused
+      padding: 5px 10px
+      color: $grayDark
+      text-shadow: 0 1px 0 $white
+      background-color: $navbarSearchBackgroundFocus
+      border: 0
+      +box-shadow(0 0 3px rgba(0,0,0,.15))
+      outline: 0
+
+
+// FIXED NAVBAR
+// ------------
+
+// Shared (top/bottom) styles
+.navbar-fixed-top,
+.navbar-fixed-bottom
+  position: fixed
+  right: 0
+  left: 0
+  z-index: $zindexFixedNavbar
+  margin-bottom: 0  // remove 18px margin for static navbar
+
+.navbar-fixed-top .navbar-inner,
+.navbar-fixed-bottom .navbar-inner
+  padding-left: 0
+  padding-right: 0
+  +border-radius(0)
+  
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container
+  +core-grid-span($gridColumns, $gridColumnWidth, $gridGutterWidth)
+  
+// Fixed to top
+.navbar-fixed-top
+  top: 0
+
+// Fixed to bottom
+.navbar-fixed-bottom
+  bottom: 0
+
+
+// NAVIGATION
+// ----------
+
+.navbar .nav
+  position: relative
+  left: 0
+  display: block
+  float: left
+  margin: 0 10px 0 0
+
+.navbar .nav.pull-right
+  float: right  // redeclare due to specificity
+
+.navbar .nav > li
+  display: block
+  float: left
+
+// Links
+.navbar .nav > li > a
+  float: none
+  padding: 10px 10px 11px
+  line-height: 19px
+  color: $navbarLinkColor
+  text-decoration: none
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25)
+
+// Hover
+.navbar .nav > li > a:hover
+  background-color: $navbarLinkBackgroundHover  // "transparent" is default to differentiate :hover from .active
+  color: $navbarLinkColorHover
+  text-decoration: none
+
+// Active nav items
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover
+  color: $navbarLinkColorActive
+  text-decoration: none
+  background-color: $navbarLinkBackgroundActive
+  background-color: rgba(0,0,0,.5)
+
+// Dividers (basically a vertical hr)
+.navbar .divider-vertical
+  height: $navbarHeight
+  width: 1px
+  margin: 0 9px
+  overflow: hidden
+  background-color: $navbarBackground
+  border-right: 1px solid $navbarBackgroundHighlight
+
+// Secondary (floated right) nav in topbar
+.navbar .nav.pull-right
+  margin-left: 10px
+  margin-right: 0
+
+
+
+// Dropdown menus
+// --------------
+
+// Menu position and menu carets
+.navbar .dropdown-menu
+  margin-top: 1px
+  +border-radius(4px)
+  &:before
+    content: ''
+    display: inline-block
+    border-left:   7px solid transparent
+    border-right:  7px solid transparent
+    border-bottom: 7px solid #ccc
+    border-bottom-color: $dropdownBorder
+    position: absolute
+    top: -7px
+    left: 9px
+  &:after
+    content: ''
+    display: inline-block
+    border-left:   6px solid transparent
+    border-right:  6px solid transparent
+    border-bottom: 6px solid $dropdownBackground
+    position: absolute
+    top: -6px
+    left: 10px
+    
+// Menu position and menu caret support for dropups via extra dropup class
+.navbar-fixed-bottom .dropdown-menu
+  &:before
+    border-top: 7px solid #ccc
+    border-top-color: $dropdownBorder
+    border-bottom: 0
+    bottom: -7px
+    top: auto
+  &:after
+    border-top: 6px solid $dropdownBackground
+    border-bottom: 0
+    bottom: -6px
+    top: auto
+
+// Dropdown toggle caret
+.navbar .nav .dropdown-toggle .caret,
+.navbar .nav .open.dropdown .caret
+  border-top-color: $white
+  border-bottom-color: $white
+.navbar .nav .active .caret
+  +opacity(100)
+
+// Remove background color from open dropdown
+.navbar .nav .open > .dropdown-toggle,
+.navbar .nav .active > .dropdown-toggle,
+.navbar .nav .open.active > .dropdown-toggle
+  background-color: transparent
+
+// Dropdown link on hover
+.navbar .nav .active > .dropdown-toggle:hover
+  color: $white
+
+// Right aligned menus need alt position
+// TODO: rejigger this at some point to simplify the selectors
+.navbar .nav.pull-right .dropdown-menu,
+.navbar .nav .dropdown-menu.pull-right
+  left: auto
+  right: 0
+  &:before
+    left: auto
+    right: 12px
+  &:after
+    left: auto
+    right: 13px
+    

data/vendor/assets/stylesheets/twitter/bootstrap/_navs.sass

@@ -0,0 +1,332 @@
+// NAVIGATIONS
+// -----------
+
+
+
+// BASE CLASS
+// ----------
+
+.nav
+  margin-left: 0
+  margin-bottom: $baseLineHeight
+  list-style: none
+
+// Make links block level
+.nav > li > a
+  display: block
+
+.nav > li > a:hover
+  text-decoration: none
+  background-color: $grayLighter
+  
+// Nav headers (for dropdowns and lists)
+.nav .nav-header
+  display: block
+  padding: 3px 15px
+  font-size: 11px
+  font-weight: bold
+  line-height: $baseLineHeight
+  color: $grayLight
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
+  text-transform: uppercase
+  
+// Space them out when they follow another list item (link)
+.nav li + .nav-header
+  margin-top: 9px
+
+
+
+// NAV LIST
+// --------
+
+.nav-list
+  padding-left: 15px
+  padding-right: 15px
+  margin-bottom: 0
+
+.nav-list > li > a,
+.nav-list .nav-header
+  margin-left:  -15px
+  margin-right: -15px
+  text-shadow: 0 1px 0 rgba(255,255,255,.5)
+  
+.nav-list > li > a
+  padding: 3px 15px
+
+.nav-list > .active > a
+.nav-list > .active > a:hover
+  color: $white
+  text-shadow: 0 -1px 0 rgba(0,0,0,.2)
+  background-color: $linkColor
+
+.nav-list [class^="icon-"],
+.nav-list [class*=" icon-"]
+  margin-right: 2px
+  
+// Dividers (basically an hr) within the dropdown
+.nav-list .divider
+  +nav-divider
+
+
+
+// TABS AND PILLS
+// -------------
+
+// Common styles
+.nav-tabs,
+.nav-pills
+  +clearfix
+  > li
+    float: left
+    > a
+      padding-right: 12px
+      padding-left: 12px
+      margin-right: 2px
+      line-height: 14px  // keeps the overall height an even number
+
+// TABS
+// ----
+
+// Give the tabs something to sit on
+.nav-tabs
+  border-bottom: 1px solid #ddd
+  
+  // Make the list-items overlay the bottom border
+  > li
+    margin-bottom: -1px
+    
+    // Actual tabs (as links)
+    > a
+      padding-top: 8px
+      padding-bottom: 8px
+      line-height: $baseLineHeight
+      border: 1px solid transparent
+      +border-radius(4px 4px 0 0)
+      &:hover
+        border-color: $grayLighter $grayLighter #ddd
+        
+  // Active state, and it's :hover to override normal :hover
+  > .active > a,
+  > .active > a:hover
+    color: $gray
+    background-color: $white
+    border: 1px solid #ddd
+    border-bottom-color: transparent
+    cursor: default
+
+// PILLS
+// -----
+
+// Links rendered as pills
+.nav-pills
+  > li > a
+    padding-top: 8px
+    padding-bottom: 8px
+    margin-top: 2px
+    margin-bottom: 2px
+    +border-radius(5px)
+
+  // Active state
+  > .active > a,
+  > .active > a:hover
+    color: $white
+    background-color: $linkColor
+
+
+
+// STACKED NAV
+// -----------
+
+// Stacked tabs and pills
+.nav-stacked
+  > li
+    float: none
+    > a
+      margin-right: 0  // no need for the gap between nav items
+
+// Tabs
+.tabs-stacked
+  border-bottom: 0
+  > li > a
+    border: 1px solid #ddd
+    +border-radius(0)
+  > li:first-child > a
+    +border-radius(4px 4px 0 0)
+  > li:last-child > a
+    +border-radius(0 0 4px 4px)
+  > li > a:hover
+    border-color: #ddd
+    z-index: 2
+
+
+// Pills
+.pills-stacked
+  > li > a
+    margin-bottom: 3px
+  > li:last-child > a
+    margin-bottom: 1px  // decrease margin to match sizing of stacked tabs
+
+
+
+// DROPDOWNS
+// ---------
+
+// Position the menu
+.nav-tabs .dropdown-menu,
+.nav-pills .dropdown-menu
+  margin-top: 1px
+  border-width: 1px
+  
+.nav-pills .dropdown-menu
+  +border-radius(4px)
+
+// Default dropdown links
+// -------------------------
+// Make carets use linkColor to start
+.nav-tabs .dropdown-toggle .caret,
+.nav-pills .dropdown-toggle .caret
+  border-top-color: $linkColor
+  border-bottom-color: $linkColor
+  margin-top: 6px
+
+.nav-tabs .dropdown-toggle:hover .caret,
+.nav-pills .dropdown-toggle:hover .caret
+  border-top-color: $linkColorHover
+  border-bottom-color: $linkColorHover
+
+// Active dropdown links
+// -------------------------
+.nav-tabs .active .dropdown-toggle .caret,
+.nav-pills .active .dropdown-toggle .caret
+  border-top-color: $grayDark
+  border-bottom-color: $grayDark
+
+// Active:hover dropdown links
+// -------------------------
+.nav > .dropdown.active > a:hover
+  color: $black
+  cursor: pointer
+
+// Open dropdowns
+// -------------------------
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > .open.active > a:hover
+  color: $white
+  background-color: $grayLight
+  border-color: $grayLight
+
+.nav .open .caret,
+.nav .open.active .caret,
+.nav .open a:hover .caret
+  border-top-color: $white
+  border-bottom-color: $white
+  +opacity(100)
+
+// Dropdowns in stacked tabs
+.tabs-stacked .open > a:hover
+  border-color: $grayLight
+
+
+
+// TABBABLE
+// --------
+
+
+// COMMON STYLES
+// -------------
+
+// Clear any floats
+.tabbable
+  +clearfix
+  
+.tab-content
+  display: table  // prevent content from running below tabs
+  width: 100%
+
+// Remove border on bottom, left, right
+.tabs-below .nav-tabs,
+.tabs-right .nav-tabs,
+.tabs-left .nav-tabs
+  border-bottom: 0
+
+// Show/hide tabbable areas
+.tab-content > .tab-pane,
+.pill-content > .pill-pane
+  display: none
+
+.tab-content > .active,
+.pill-content > .active
+  display: block
+
+
+
+// BOTTOM
+// ------
+
+.tabs-below .nav-tabs
+  border-top: 1px solid #ddd
+
+.tabs-below .nav-tabs > li
+  margin-top: -1px
+  margin-bottom: 0
+
+.tabs-below .nav-tabs > li > a
+  +border-radius(0 0 4px 4px)
+  &:hover
+    border-bottom-color: transparent
+    border-top-color: #ddd
+    
+.tabs-below .nav-tabs .active > a,
+.tabs-below .nav-tabs .active > a:hover
+  border-color: transparent #ddd #ddd #ddd
+
+// LEFT & RIGHT
+// ------------
+
+// Common styles
+.tabs-left .nav-tabs > li,
+.tabs-right .nav-tabs > li
+  float: none
+
+.tabs-left .nav-tabs > li > a,
+.tabs-right .nav-tabs > li > a
+  min-width: 74px
+  margin-right: 0
+  margin-bottom: 3px
+
+// Tabs on the left
+.tabs-left .nav-tabs
+  float: left
+  margin-right: 19px
+  border-right: 1px solid #ddd
+
+.tabs-left .nav-tabs > li > a
+  margin-right: -1px
+  +border-radius(4px 0 0 4px)
+
+.tabs-left .nav-tabs > li > a:hover
+  border-color: $grayLighter #ddd $grayLighter $grayLighter
+
+.tabs-left .nav-tabs .active > a,
+.tabs-left .nav-tabs .active > a:hover
+  border-color: #ddd transparent #ddd #ddd
+  *border-right-color: $white
+
+// Tabs on the right
+.tabs-right .nav-tabs
+  float: right
+  margin-left: 19px
+  border-left: 1px solid #ddd
+
+.tabs-right .nav-tabs > li > a
+  margin-left: -1px
+  +border-radius(0 4px 4px 0)
+
+.tabs-right .nav-tabs > li > a:hover
+  border-color: $grayLighter $grayLighter $grayLighter #ddd
+
+.tabs-right .nav-tabs .active > a,
+.tabs-right .nav-tabs .active > a:hover
+  border-color: #ddd #ddd #ddd transparent
+  *border-left-color: $white

data/vendor/assets/stylesheets/twitter/bootstrap/_pager.sass

@@ -0,0 +1,29 @@
+// PAGER
+// -----
+
+.pager
+  margin-left: 0
+  margin-bottom: $baseLineHeight
+  list-style: none
+  text-align: center
+  +clearfix
+  li
+    display: inline
+  a
+    display: inline-block
+    padding: 5px 14px
+    background-color: #fff
+    border: 1px solid #ddd
+    +border-radius(15px)
+    &:hover
+      text-decoration: none
+      background-color: #f5f5f5
+  .next a
+    float: right
+  .previous a
+    float: left
+  .disabled a,
+  .disabled a:hover
+    color: $grayLight
+    background-color: #fff
+    cursor: default

data/vendor/assets/stylesheets/twitter/bootstrap/_pagination.sass

@@ -0,0 +1,45 @@
+// PAGINATION
+// ----------
+
+.pagination
+  height: $baseLineHeight * 2
+  margin: $baseLineHeight 0
+.pagination ul
+  display: inline-block
+  +ie7-inline-block
+  margin-left: 0
+  margin-bottom: 0
+  +border-radius(3px)
+  +box-shadow(0 1px 2px rgba(0,0,0,.05))
+.pagination li
+  display: inline
+.pagination a
+  float: left
+  padding: 0 14px
+  line-height: $baseLineHeight * 2 - 2
+  text-decoration: none
+  border: 1px solid #ddd
+  border-left-width: 0
+.pagination a:hover,
+.pagination .active a
+  background-color: #f5f5f5
+.pagination .active a
+  color: $grayLight
+  cursor: default
+.pagination .disabled span,
+.pagination .disabled a,
+.pagination .disabled a:hover
+  color: $grayLight
+  background-color: transparent
+  cursor: default
+.pagination li:first-child a
+  border-left-width: 1px
+  +border-radius(3px 0 0 3px)
+.pagination li:last-child a
+  +border-radius(0 3px 3px 0)
+
+// Centered
+.pagination-centered
+  text-align: center
+.pagination-right
+  text-align: right