sass-rails-bootstrap 2.0.4 → 2.1.0

data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-1200px-min.sass

@@ -1,20 +1,22 @@
-// LARGE DESKTOP & UP
-// ------------------
+//
+// Responsive: Large desktop and up
+// --------------------------------------------------
+
 
 @media (min-width: 1200px)
   // Fixed grid
-  +core-grid-generate(70px, 30px)
+  +core-grid-generate($gridColumnWidth1200, $gridGutterWidth1200)
 
   // Fluid grid
-  +fluid-grid-generate(5.982905983%, 2.564102564%)
+  +fluid-grid-generate($fluidGridColumnWidth1200, $fluidGridGutterWidth1200)
   
   // Input grid
-  +input-grid-generate(70px, 30px)
+  +input-grid-generate($gridColumnWidth1200, $gridGutterWidth1200)
 
   // Thumbnails
   .thumbnails
-    margin-left: -30px
+    margin-left: -$gridGutterWidth1200
   .thumbnails > li
-    margin-left: 30px
+    margin-left: $gridGutterWidth1200
   .row-fluid .thumbnails
     margin-left: 0

data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-767px-max.sass

@@ -1,65 +1,8 @@
-// UP TO LANDSCAPE PHONE
-// ---------------------
-
-@media (max-width: 480px)
-  // Smooth out the collapsing/expanding nav
-  .nav-collapse
-    -webkit-transform: translate3d(0, 0, 0)  // activate the GPU
-
-  // Block level the page header small tag for readability
-  .page-header h1 small
-    display: block
-    line-height: $baseLineHeight
-
-  // Update checkboxes for iOS
-  input[type="checkbox"],
-  input[type="radio"]
-    border: 1px solid #ccc
-
-  // Remove the horizontal form styles
-  .form-horizontal .control-group > label
-    float: none
-    width: auto
-    padding-top: 0
-    text-align: left
-    
-  // Move over all input controls and content
-  .form-horizontal .controls
-    margin-left: 0
-    
-  // Move the options list down to align with labels
-  .form-horizontal .control-list
-    padding-top: 0  // has to be padding because margin collaspes
-    
-  // Move over buttons in .form-actions to align with .controls
-  .form-horizontal .form-actions
-    padding-left: 10px
-    padding-right: 10px
-
-  // Modals
-  .modal
-    position: absolute
-    top:   10px
-    left:  10px
-    right: 10px
-    width: auto
-    margin: 0
-    &.fade.in
-      top: auto
-      
-  .modal-header .close
-    padding: 10px
-    margin: -10px
-
-  // Carousel
-  .carousel-caption
-    position: static
-
-
-
-// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+//
+// Responsive: Landscape phone to desktop/tablet
 // --------------------------------------------------
 
+
 @media (max-width: 767px)
   // Padding to set content in a bit
   body
@@ -102,6 +45,10 @@
   .row,
   .thumbnails
     margin-left: 0
+
+  .thumbnails > li
+    float: none
+    margin-left: 0  // Reset the default margin for all li elements when no .span* classes are present
     
   // Make all grid-sized elements block level again
   [class*="span"],
@@ -110,6 +57,10 @@
     display: block
     width: auto
     margin-left: 0
+  .span12,
+  .row-fluid .span12
+    width: 100%
+    +box-sizing(border-box)
     
   // FORM FIELDS
   // -----------
@@ -132,3 +83,67 @@
     display: inline-block  // redeclare so they don't wrap to new lines
     width: auto
 
+  // Modals
+  .modal
+    position: fixed
+    top:   20px
+    left:  20px
+    right: 20px
+    width: auto
+    margin: 0
+    &.fade.in
+      top: auto
+
+
+
+// UP TO LANDSCAPE PHONE
+// ---------------------
+
+@media (max-width: 480px)
+  // Smooth out the collapsing/expanding nav
+  .nav-collapse
+    -webkit-transform: translate3d(0, 0, 0)  // activate the GPU
+
+  // Block level the page header small tag for readability
+  .page-header h1 small
+    display: block
+    line-height: $baseLineHeight
+
+  // Update checkboxes for iOS
+  input[type="checkbox"],
+  input[type="radio"]
+    border: 1px solid #ccc
+
+  // Remove the horizontal form styles
+  .form-horizontal .control-group > label
+    float: none
+    width: auto
+    padding-top: 0
+    text-align: left
+    
+  // Move over all input controls and content
+  .form-horizontal .controls
+    margin-left: 0
+    
+  // Move the options list down to align with labels
+  .form-horizontal .control-list
+    padding-top: 0  // has to be padding because margin collaspes
+    
+  // Move over buttons in .form-actions to align with .controls
+  .form-horizontal .form-actions
+    padding-left: 10px
+    padding-right: 10px
+
+  // Modals
+  .modal
+    top:   10px
+    left:  10px
+    right: 10px
+      
+  .modal-header .close
+    padding: 10px
+    margin: -10px
+
+  // Carousel
+  .carousel-caption
+    position: static

data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-768px-979px.sass

@@ -1,15 +1,17 @@
-// PORTRAIT TABLET TO DEFAULT DESKTOP
-// ----------------------------------
+//
+// Responsive: Tablet to desktop
+// --------------------------------------------------
+
 
 @media (min-width: 768px) and (max-width: 979px)
   // Fixed grid
-  +core-grid-generate(42px, 20px)
+  +core-grid-generate($gridColumnWidth768, $gridGutterWidth768)
   
   // Fluid grid
-  +fluid-grid-generate(5.801104972%, 2.762430939%)
+  +fluid-grid-generate($fluidGridColumnWidth768, $fluidGridGutterWidth768)
   
   // Input grid
-  +input-grid-generate(42px, 20px)
+  +input-grid-generate($gridColumnWidth768, $gridGutterWidth768)
   
   // No need to reset .thumbnails here since it's the same $gridGutterWidth
 

data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-navbar.sass

@@ -1,13 +1,18 @@
+//
+// Responsive: Navbar
+// --------------------------------------------------
+
+
 // TABLETS AND BELOW
 // -----------------
-@media (max-width: 979px)
+@media (max-width: $navbarCollapseWidth)
   // UNFIX THE TOPBAR
   // ----------------
   // Remove any padding from the body
   body
     padding-top: 0
     
-  // Unfix the navbar
+  // Unfix the navbars
   .navbar-fixed-top,
   .navbar-fixed-bottom
     position: static
@@ -59,7 +64,7 @@
   // Nav and dropdown links in navbar
   .nav-collapse .nav > li > a,
   .nav-collapse .dropdown-menu a
-    padding: 6px 15px
+    padding: 9px 15px
     font-weight: bold
     color: $navbarLinkColor
     +border-radius(3px)
@@ -75,6 +80,10 @@
   .nav-collapse .nav > li > a:hover,
   .nav-collapse .dropdown-menu a:hover
     background-color: $navbarBackground
+
+  .navbar-inverse .nav-collapse .nav > li > a:hover,
+  .navbar-inverse .nav-collapse .dropdown-menu a:hover
+    background-color: $navbarInverseBackground
     
   // Buttons in the navbar
   .nav-collapse.in .btn-group
@@ -134,13 +143,13 @@
   .navbar-static .navbar-inner
     padding-left:  10px
     padding-right: 10px
-    
-    
+   
 
 // DEFAULT DESKTOP
 // ---------------
 
 @media (min-width: 980px)
+  // Required to make the collapsing navbar work on regular desktops
   .nav-collapse.collapse
     height: auto !important
-
+    overflow: visible !important

data/vendor/assets/stylesheets/twitter/bootstrap/_responsive-utilities.sass

@@ -1,5 +1,7 @@
-// RESPONSIVE CLASSES
-// ------------------
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
 
 // Hide from screenreaders and browsers
 // Credit: HTML5 Boilerplate
@@ -15,36 +17,37 @@
   display: none !important
 .visible-tablet
   display: none !important
-//.visible-desktop  // Don't set initially
 //.hidden-phone
 //.hidden-tablet
 .hidden-desktop
   display: none !important
+.visible-desktop
+  display: inherit !important
 
-// Phones only
-@media (max-width: 767px)
-  // Show
-  .visible-phone
-    display: inherit !important  // Use inherit to restore previous behavior
-  // Hide
-  .hidden-phone
-    display: none !important
+// Tablets & small desktops only
+@media (min-width: 768px) and (max-width: 979px)
   // Hide everything else
   .hidden-desktop
     display: inherit !important
   .visible-desktop
     display: none !important
-
-// Tablets & small desktops only
-@media (min-width: 768px) and (max-width: 979px)
   // Show
   .visible-tablet
     display: inherit !important
   // Hide
   .hidden-tablet
     display: none !important
+
+// Phones only
+@media (max-width: 767px)
   // Hide everything else
   .hidden-desktop
     display: inherit !important
   .visible-desktop
     display: none !important
+  // Show
+  .visible-phone
+    display: inherit !important  // Use inherit to restore previous behavior
+  // Hide
+  .hidden-phone
+    display: none !important

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

@@ -1,9 +1,10 @@
-// Basic and global styles for generating a grid system, structural layout, and page templates
-// -------------------------------------------------------------------------------------------
+//
+// Scaffolding
+// --------------------------------------------------
 
 
 // Body reset
-// ----------
+// -------------------------
 
 body
   margin: 0
@@ -15,7 +16,7 @@ body
 
 
 // Links
-// -----
+// -------------------------
 
 a
   color: $linkColor
@@ -23,3 +24,22 @@ a
 a:hover
   color: $linkColorHover
   text-decoration: underline
+
+
+// Images
+// -------------------------
+
+.img-rounded
+  +border-radius(6px)
+
+.img-polaroid
+  padding: 4px
+  background-color: #fff
+  border: 1px solid #ccc
+  border: 1px solid rgba(0,0,0,.2)
+  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1)
+  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1)
+  box-shadow: 0 1px 3px rgba(0,0,0,.1)
+
+.img-circle
+  +border-radius(500px)

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

@@ -1,5 +1,6 @@
-// Glyphs and icons for buttons, nav, and more
-// -------------------------------------------
+//
+// Sprites
+// --------------------------------------------------
 
 
 // ICONS
@@ -23,7 +24,16 @@
   background-image: image-url($iconSpritePath)
   background-position: 14px 14px
   background-repeat: no-repeat
-.icon-white
+  margin-top: 1px
+
+// White icons with optional class, or on hover/active states of certain elements
+.icon-white,
+.nav > .active > a > [class^="icon-"],
+.nav > .active > a > [class*=" icon-"],
+.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > .active > a > [class^="icon-"],
+.dropdown-menu > .active > a > [class*=" icon-"]
   background-image: image-url($iconWhiteSpritePath)
 
 .icon-glass

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

@@ -1,5 +1,6 @@
-// Tables for, you guessed it, tabular data
-// ----------------------------------------
+//
+// Tables
+// --------------------------------------------------
 
 
 // BASE TABLES
@@ -59,7 +60,7 @@ table
 .table-bordered
   border: 1px solid $tableBorder
   border-collapse: separate  // Done so we can round those corners!
-  *border-collapse: collapsed  // IE7 can't round corners anyway
+  *border-collapse: collapse  // IE7 can't round corners anyway
   border-left: 0
   +border-radius(4px)
   th,
@@ -89,16 +90,34 @@ table
     -moz-border-radius-topright: 4px
   // For first th or td in the first row in the first thead or tbody
   thead:last-child tr:last-child th:first-child,
-  tbody:last-child tr:last-child td:first-child
+  tbody:last-child tr:last-child td:first-child,
+  tfoot:last-child tr:last-child td:first-child
     -webkit-border-bottom-left-radius: 4px
     border-bottom-left-radius: 4px
     -moz-border-radius-bottomleft: 4px
   thead:last-child tr:last-child th:last-child,
-  tbody:last-child tr:last-child td:last-child
+  tbody:last-child tr:last-child td:last-child,
+  tfoot:last-child tr:last-child td:last-child
     -webkit-border-bottom-right-radius: 4px
     border-bottom-right-radius: 4px
     -moz-border-radius-bottomright: 4px
 
+  // Special fixes to round the left border on the first td/th
+  caption + thead tr:first-child th:first-child,
+  caption + tbody tr:first-child td:first-child,
+  colgroup + thead tr:first-child th:first-child,
+  colgroup + tbody tr:first-child td:first-child
+    -webkit-border-top-left-radius: 4px
+    border-top-left-radius: 4px
+    -moz-border-radius-topleft: 4px
+  caption + thead tr:first-child th:last-child,
+  caption + tbody tr:first-child td:last-child,
+  colgroup + thead tr:first-child th:last-child,
+  colgroup + tbody tr:first-child td:last-child
+    -webkit-border-top-right-radius: 4px
+    border-top-right-radius: 4px
+    -moz-border-right-topleft: 4px
+
 
 // ZEBRA-STRIPING
 // --------------
@@ -114,15 +133,24 @@ table
 // HOVER EFFECT
 // ------------
 // Placed here since it has to come after the potential zebra striping
-.table
-  tbody tr:hover td,
-  tbody tr:hover th
-    background-color: $tableBackgroundHover
+.table-hover
+  tbody
+    tr:hover td,
+    tr:hover th
+      background-color: $tableBackgroundHover
 
 
 // TABLE CELL SIZING
 // -----------------
 
+// Reset default grid behavior
+table [class*=span],
+.row-fluid table [class*=span]
+  display: table-cell
+  float: none  // undo default grid column styles
+  margin-left: 0  // undo default grid column styles
+
+// Change the column widths to account for td/th padding
 table
   .span1
     +table-columns(1)
@@ -172,3 +200,16 @@ table
     +table-columns(23)
   .span24
     +table-columns(24)
+
+
+// TABLE BACKGROUNDS
+// -----------------
+// Exact selectors below required to override .table-striped
+
+.table
+  tbody tr.success td
+    background-color: $successBackground
+  tbody tr.error td
+    background-color: $errorBackground
+  tbody tr.info td
+    background-color: $infoBackground

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

@@ -1,5 +1,8 @@
-// THUMBNAILS
-// ----------
+//
+// Thumbnails
+// --------------------------------------------------
+
+
 // Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 
 // Make wrapper ul behave like the grid
@@ -22,10 +25,11 @@
 .thumbnail
   display: block
   padding: 4px
-  line-height: 1
+  line-height: $baseLineHeight
   border: 1px solid #ddd
   +border-radius(4px)
-  +box-shadow(0 1px 1px rgba(0,0,0,.075))
+  +box-shadow(0 1px 3px rgba(0,0,0,.055))
+  +transition(all .2s ease-in-out)
 
 // Add a hover state for linked versions only
 a.thumbnail:hover
@@ -41,3 +45,4 @@ a.thumbnail:hover
 
 .thumbnail .caption
   padding: 9px
+  color: $gray

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

@@ -1,6 +1,9 @@
-// TOOLTIP
-// -------
+//
+// Tooltips
+// --------------------------------------------------
 
+
+// Base class
 .tooltip
   position: absolute
   z-index: $zindexTooltip
@@ -12,32 +15,58 @@
   &.in
     +opacity(80)
   &.top
-    margin-top: -2px
+    margin-top: -3px
   &.right
-    margin-left: 2px
+    margin-left: 3px
   &.bottom
-    margin-top: 2px
+    margin-top: 3px
   &.left
-    margin-left: -2px
-  &.top .tooltip-arrow
-    +popover-arrow-top
-  &.left .tooltip-arrow
-    +popover-arrow-left
-  &.bottom .tooltip-arrow
-    +popover-arrow-bottom
-  &.right .tooltip-arrow
-    +popover-arrow-right
-    
+    margin-left: -3px
+   
+// Wrapper for the tooltip content
 .tooltip-inner
   max-width: 200px
   padding: 3px 8px
-  color: $white
+  color: $tooltipColor
   text-align: center
   text-decoration: none
-  background-color: $black
+  background-color: $tooltipBackground
   +border-radius(4px)
 
+// Arrows
 .tooltip-arrow
   position: absolute
   width: 0
   height: 0
+  border-color: transparent
+  border-style: solid
+
+.tooltip
+  &.top .tooltip-arrow
+    bottom: 0
+    left: 50%
+    margin-left: -$tooltipArrowWidth
+    border-width: $tooltipArrowWidth $tooltipArrowWidth 0
+    border-top-color: $tooltipArrowColor
+
+  &.right .tooltip-arrow
+    top: 50%
+    left: 0
+    margin-top: -$tooltipArrowWidth
+    border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0
+    border-right-color: $tooltipArrowColor
+
+  &.left .tooltip-arrow
+    top: 50%
+    right: 0
+    margin-top: -$tooltipArrowWidth
+    border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth
+    border-left-color: $tooltipArrowColor
+
+  &.bottom .tooltip-arrow
+    top: 0
+    left: 50%
+    margin-left: -$tooltipArrowWidth
+    border-width: 0 $tooltipArrowWidth $tooltipArrowWidth
+    border-bottom-color: $tooltipArrowColor
+