bootstrap_sass_rails 0.0.1

data/app/assets/stylesheets/bootstrap/_modals.css.sass

@@ -0,0 +1,127 @@
+//
+// Modals
+// --------------------------------------------------
+
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and shit
+
+// Kill the scroll on the body
+.modal-open
+  overflow: hidden
+  // Account for hiding of scrollbar
+  .navbar-fixed-top,
+  .navbar-fixed-bottom
+    margin-right: 15px
+
+body.modal-open
+  margin-right: 15px
+
+// Container that the modal scrolls within
+.modal
+  display: none
+  overflow: auto
+  overflow-y: scroll
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  z-index: $zindex-modal-background
+  // When fading in the modal, animate it to slide down
+  &.fade .modal-dialog
+    +translate(0, -25%)
+    +transition-transform(0.3s ease-out)
+  &.in .modal-dialog
+    +translate(0, 0)
+
+// Shell div to position the modal with bottom padding
+.modal-dialog
+  margin-left: auto
+  margin-right: auto
+  width: auto
+  padding: 10px
+  z-index: $zindex-modal-background + 10
+
+// Actual modal
+.modal-content
+  position: relative
+  background-color: $modal-content-bg
+  border: 1px solid $modal-content-fallback-border-color
+  //old browsers fallback (ie8 etc)
+  border: 1px solid $modal-content-border-color
+  border-radius: $border-radius-large
+  +box-shadow(0 3px 9px rgba(0, 0, 0, 0.5))
+  background-clip: padding-box
+  // Remove focus outline from opened modal
+  outline: none
+
+// Modal background
+.modal-backdrop
+  position: fixed
+  top: 0
+  right: 0
+  bottom: 0
+  left: 0
+  z-index: $zindex-modal-background - 10
+  background-color: $modal-backdrop-bg
+  // Fade for backdrop
+  &.fade
+    +opacity(0)
+  &.in
+    +opacity(0.5)
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header
+  padding: $modal-title-padding
+  border-bottom: 1px solid $modal-header-border-color
+  min-height: $modal-title-padding + $modal-title-line-height
+
+// Close icon
+.modal-header .close
+  margin-top: -2px
+
+// Title text within header
+.modal-title
+  margin: 0
+  line-height: $modal-title-line-height
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body
+  position: relative
+  padding: $modal-inner-padding
+
+// Footer (for actions)
+.modal-footer
+  margin-top: 15px
+  padding: $modal-inner-padding - 1 $modal-inner-padding $modal-inner-padding
+  text-align: right
+  // right align buttons
+  border-top: 1px solid $modal-footer-border-color
+  +clearfix
+  // clear it in case folks use .pull-* classes on buttons
+  // Properly space out buttons
+  .btn + .btn
+    margin-left: 5px
+    margin-bottom: 0
+    // account for input[type="submit"] which gets the bottom margin like all other inputs
+  // but override that for button groups
+  .btn-group .btn + .btn
+    margin-left: -1px
+  // and override it for block buttons as well
+  .btn-block + .btn-block
+    margin-left: 0
+
+// Scale up the modal
+@media screen and (min-width: $screen-tablet)
+  .modal-dialog
+    left: 50%
+    right: auto
+    width: 600px
+    padding-top: 30px
+    padding-bottom: 30px
+  .modal-content
+    +box-shadow(0 5px 15px rgba(0, 0, 0, 0.5))

data/app/assets/stylesheets/bootstrap/_navbar.css.sass

@@ -0,0 +1,457 @@
+//
+// Navbars
+// --------------------------------------------------
+
+// Wrapper and base class
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar
+  position: relative
+  z-index: $zindex-navbar
+  min-height: $navbar-height
+  // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
+  margin-bottom: $navbar-margin-bottom
+  border: 1px solid transparent
+  // Prevent floats from breaking the navbar
+  +clearfix
+  @media (min-width: $grid-float-breakpoint)
+    border-radius: $navbar-border-radius
+
+// Navbar heading
+//
+// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
+// styling of responsive aspects.
+
+.navbar-header
+  +clearfix
+  @media (min-width: $grid-float-breakpoint)
+    float: left
+
+// Navbar collapse (body)
+//
+// Group your navbar content into this for easy collapsing and expanding across
+// various device sizes. By default, this content is collapsed when <768px, but
+// will expand past that for a horizontal display.
+//
+// To start (on mobile devices) the navbar links, forms, and buttons are stacked
+// vertically and include a `max-height` to overflow in case you have too much
+// content for the user's viewport.
+
+.navbar-collapse
+  max-height: 340px
+  overflow-x: visible
+  padding-right: $navbar-padding-horizontal
+  padding-left: $navbar-padding-horizontal
+  border-top: 1px solid transparent
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
+  +clearfix
+  -webkit-overflow-scrolling: touch
+  &.in
+    overflow-y: auto
+  @media (min-width: $grid-float-breakpoint)
+    width: auto
+    border-top: 0
+    box-shadow: none
+    &.collapse
+      display: block !important
+      height: auto !important
+      padding-bottom: 0
+      // Override default setting
+      overflow: visible !important
+    &.in
+      overflow-y: visible
+    // Account for first and last children spacing
+    .navbar-nav.navbar-left:first-child
+      margin-left: -$navbar-padding-horizontal
+    .navbar-nav.navbar-right:last-child
+      margin-right: -$navbar-padding-horizontal
+    .navbar-text:last-child
+      margin-right: 0
+
+// Both navbar header and collapse
+//
+// When a container is present, change the behavior of the header and collapse.
+
+.container > .navbar-header,
+.container > .navbar-collapse
+  margin-right: -$navbar-padding-horizontal
+  margin-left: -$navbar-padding-horizontal
+  @media (min-width: $grid-float-breakpoint)
+    margin-right: 0
+    margin-left: 0
+
+//
+// Navbar alignment options
+//
+// Display the navbar across the entirity of the page or fixed it to the top or
+// bottom of the page.
+
+// Static top (unfixed, but 100% wide) navbar
+.navbar-static-top
+  border-width: 0 0 1px
+  @media (min-width: $grid-float-breakpoint)
+    border-radius: 0
+
+// Fix the top/bottom navbars when screen real estate supports it
+
+.navbar-fixed-top,
+.navbar-fixed-bottom
+  position: fixed
+  right: 0
+  left: 0
+  border-width: 0 0 1px
+  // Undo the rounded corners
+  @media (min-width: $grid-float-breakpoint)
+    border-radius: 0
+
+.navbar-fixed-top
+  z-index: $zindex-navbar-fixed
+  top: 0
+
+.navbar-fixed-bottom
+  bottom: 0
+  margin-bottom: 0
+  // override .navbar defaults
+
+// Brand/project name
+
+.navbar-brand
+  float: left
+  padding: $navbar-padding-vertical $navbar-padding-horizontal
+  font-size: $font-size-large
+  line-height: $line-height-computed
+  &:hover,
+  &:focus
+    text-decoration: none
+  @media (min-width: $grid-float-breakpoint)
+    .navbar > .container &
+      margin-left: -$navbar-padding-horizontal
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle
+  position: relative
+  float: right
+  margin-right: $navbar-padding-horizontal
+  padding: 9px 10px
+  +navbar-vertical-align(34px)
+  background-color: transparent
+  border: 1px solid transparent
+  border-radius: $border-radius-base
+  // Bars
+  .icon-bar
+    display: block
+    width: 22px
+    height: 2px
+    border-radius: 1px
+  .icon-bar + .icon-bar
+    margin-top: 4px
+  @media (min-width: $grid-float-breakpoint)
+    display: none
+
+// Navbar nav links
+//
+// Builds on top of the `.nav` components with it's own modifier class to make
+// the nav the full height of the horizontal nav (above 768px).
+
+.navbar-nav
+  margin: $navbar-padding-vertical / 2 (-$navbar-padding-horizontal)
+  > li > a
+    padding-top: 10px
+    padding-bottom: 10px
+    line-height: $line-height-computed
+  @media (max-width: $screen-xs-max)
+    // Dropdowns get custom display when collapsed
+    .open .dropdown-menu
+      position: static
+      float: none
+      width: auto
+      margin-top: 0
+      background-color: transparent
+      border: 0
+      box-shadow: none
+      > li > a,
+      .dropdown-header
+        padding: 5px 15px 5px 25px
+      > li > a
+        line-height: $line-height-computed
+        &:hover,
+        &:focus
+          background-image: none
+  // Uncollapse the nav
+  @media (min-width: $grid-float-breakpoint)
+    float: left
+    margin: 0
+    > li
+      float: left
+      > a
+        padding-top: ($navbar-height - $line-height-computed) / 2
+        padding-bottom: ($navbar-height - $line-height-computed) / 2
+
+// Component alignment
+//
+// Repurpose the pull utilities as their own navbar utilities to avoid specifity
+// issues with parents and chaining. Only do this when the navbar is uncollapsed
+// though so that navbar contents properly stack and align in mobile.
+
+@media (min-width: $grid-float-breakpoint)
+  .navbar-left
+    float: left !important
+  .navbar-right
+    float: right !important
+
+// Navbar form
+//
+// Extension of the `.form-inline` with some extra flavor for optimum display in
+// our navbars.
+
+.navbar-form
+  margin-left: -$navbar-padding-horizontal
+  margin-right: -$navbar-padding-horizontal
+  padding: 10px $navbar-padding-horizontal
+  border-top: 1px solid transparent
+  border-bottom: 1px solid transparent
+  $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
+  +box-shadow($shadow)
+  // Mixin behavior for optimum display
+  @extend .form-inline
+  .form-group
+    @media (max-width: $screen-xs-max)
+      margin-bottom: 5px
+  // Vertically center in expanded, horizontal navbar
+  +navbar-vertical-align($input-height-base)
+  // Undo 100% width for pull classes
+  @media (min-width: $grid-float-breakpoint)
+    width: auto
+    border: 0
+    margin-left: 0
+    margin-right: 0
+    padding-top: 0
+    padding-bottom: 0
+    +box-shadow(none)
+
+// Dropdown menus
+
+// Menu position and menu carets
+.navbar-nav > li > .dropdown-menu
+  margin-top: 0
+  +border-top-radius(0)
+
+// Menu position and menu caret support for dropups via extra dropup class
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu
+  +border-bottom-radius(0)
+
+// Right aligned menus need alt position
+
+.navbar-nav.pull-right > li > .dropdown-menu,
+.navbar-nav > li > .dropdown-menu.pull-right
+  left: auto
+  right: 0
+
+// Buttons in navbars
+//
+// Vertically center a button within a navbar (when *not* in a form).
+
+.navbar-btn
+  +navbar-vertical-align($input-height-base)
+
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text
+  float: left
+  +navbar-vertical-align($line-height-computed)
+  @media (min-width: $grid-float-breakpoint)
+    margin-left: $navbar-padding-horizontal
+    margin-right: $navbar-padding-horizontal
+
+// Alternate navbars
+// --------------------------------------------------
+
+// Default navbar
+.navbar-default
+  background-color: $navbar-default-bg
+  border-color: $navbar-default-border
+  .navbar-brand
+    color: $navbar-default-brand-color
+    &:hover,
+    &:focus
+      color: $navbar-default-brand-hover-color
+      background-color: $navbar-default-brand-hover-bg
+  .navbar-text
+    color: $navbar-default-color
+  .navbar-nav
+    > li > a
+      color: $navbar-default-link-color
+      &:hover,
+      &:focus
+        color: $navbar-default-link-hover-color
+        background-color: $navbar-default-link-hover-bg
+    > .active > a
+      &,
+      &:hover,
+      &:focus
+        color: $navbar-default-link-active-color
+        background-color: $navbar-default-link-active-bg
+    > .disabled > a
+      &,
+      &:hover,
+      &:focus
+        color: $navbar-default-link-disabled-color
+        background-color: $navbar-default-link-disabled-bg
+  .navbar-toggle
+    border-color: $navbar-default-toggle-border-color
+    &:hover,
+    &:focus
+      background-color: $navbar-default-toggle-hover-bg
+    .icon-bar
+      background-color: $navbar-default-toggle-icon-bar-bg
+  .navbar-collapse,
+  .navbar-form
+    border-color: darken($navbar-default-bg, 7%)
+  // Dropdown menu items and carets
+  .navbar-nav
+    // Caret should match text color on hover
+    > .dropdown > a:hover .caret,
+    > .dropdown > a:focus .caret
+      border-top-color: $navbar-default-link-hover-color
+      border-bottom-color: $navbar-default-link-hover-color
+    // Remove background color from open dropdown
+    > .open > a
+      &,
+      &:hover,
+      &:focus
+        background-color: $navbar-default-link-active-bg
+        color: $navbar-default-link-active-color
+        .caret
+          border-top-color: $navbar-default-link-active-color
+          border-bottom-color: $navbar-default-link-active-color
+    > .dropdown > a .caret
+      border-top-color: $navbar-default-link-color
+      border-bottom-color: $navbar-default-link-color
+    @media (max-width: $screen-xs-max)
+      // Dropdowns get custom display when collapsed
+      .open .dropdown-menu
+        > li > a
+          color: $navbar-default-link-color
+          &:hover,
+          &:focus
+            color: $navbar-default-link-hover-color
+            background-color: $navbar-default-link-hover-bg
+        > .active > a
+          &,
+          &:hover,
+          &:focus
+            color: $navbar-default-link-active-color
+            background-color: $navbar-default-link-active-bg
+        > .disabled > a
+          &,
+          &:hover,
+          &:focus
+            color: $navbar-default-link-disabled-color
+            background-color: $navbar-default-link-disabled-bg
+  // Links in navbars
+  //
+  // Add a class to ensure links outside the navbar nav are colored correctly.
+  .navbar-link
+    color: $navbar-default-link-color
+    &:hover
+      color: $navbar-default-link-hover-color
+
+// Inverse navbar
+
+.navbar-inverse
+  background-color: $navbar-inverse-bg
+  border-color: $navbar-inverse-border
+  .navbar-brand
+    color: $navbar-inverse-brand-color
+    &:hover,
+    &:focus
+      color: $navbar-inverse-brand-hover-color
+      background-color: $navbar-inverse-brand-hover-bg
+  .navbar-text
+    color: $navbar-inverse-color
+  .navbar-nav
+    > li > a
+      color: $navbar-inverse-link-color
+      &:hover,
+      &:focus
+        color: $navbar-inverse-link-hover-color
+        background-color: $navbar-inverse-link-hover-bg
+    > .active > a
+      &,
+      &:hover,
+      &:focus
+        color: $navbar-inverse-link-active-color
+        background-color: $navbar-inverse-link-active-bg
+    > .disabled > a
+      &,
+      &:hover,
+      &:focus
+        color: $navbar-inverse-link-disabled-color
+        background-color: $navbar-inverse-link-disabled-bg
+  // Darken the responsive nav toggle
+  .navbar-toggle
+    border-color: $navbar-inverse-toggle-border-color
+    &:hover,
+    &:focus
+      background-color: $navbar-inverse-toggle-hover-bg
+    .icon-bar
+      background-color: $navbar-inverse-toggle-icon-bar-bg
+  .navbar-collapse,
+  .navbar-form
+    border-color: darken($navbar-inverse-bg, 7%)
+  // Dropdowns
+  .navbar-nav
+    > .open > a
+      &,
+      &:hover,
+      &:focus
+        background-color: $navbar-inverse-link-active-bg
+        color: $navbar-inverse-link-active-color
+    > .dropdown > a:hover .caret
+      border-top-color: $navbar-inverse-link-hover-color
+      border-bottom-color: $navbar-inverse-link-hover-color
+    > .dropdown > a .caret
+      border-top-color: $navbar-inverse-link-color
+      border-bottom-color: $navbar-inverse-link-color
+    > .open > a
+      &,
+      &:hover,
+      &:focus
+        .caret
+          border-top-color: $navbar-inverse-link-active-color
+          border-bottom-color: $navbar-inverse-link-active-color
+    @media (max-width: $screen-xs-max)
+      // Dropdowns get custom display
+      .open .dropdown-menu
+        > .dropdown-header
+          border-color: $navbar-inverse-border
+        > li > a
+          color: $navbar-inverse-link-color
+          &:hover,
+          &:focus
+            color: $navbar-inverse-link-hover-color
+            background-color: $navbar-inverse-link-hover-bg
+        > .active > a
+          &,
+          &:hover,
+          &:focus
+            color: $navbar-inverse-link-active-color
+            background-color: $navbar-inverse-link-active-bg
+        > .disabled > a
+          &,
+          &:hover,
+          &:focus
+            color: $navbar-inverse-link-disabled-color
+            background-color: $navbar-inverse-link-disabled-bg
+  .navbar-link
+    color: $navbar-inverse-link-color
+    &:hover
+      color: $navbar-inverse-link-hover-color