compass_twitter_bootstrap 2.0.1.2 → 2.0.3

data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass

@@ -6,7 +6,7 @@
   margin-bottom: $baseLineHeight
   list-style: none
   text-align: center
-  +clearfix
+  +bootstrap-clearfix
 
 .pager li
   display: inline
@@ -16,7 +16,7 @@
   padding: 5px 14px
   background-color: #fff
   border: 1px solid #ddd
-  +border-radius(15px)
+  +bootstrap-border-radius(15px)
 
 .pager a:hover
   text-decoration: none
@@ -27,3 +27,9 @@
 
 .pager .previous a
   float: left
+
+.pager .disabled a,
+.pager .disabled a:hover
+  color: $grayLight
+  background-color: #fff
+  cursor: default

data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass

@@ -7,11 +7,11 @@
 
 .pagination ul
   display: inline-block
-  +ie7-inline-block
+  +bootstrap-ie7-inline-block
   margin-left: 0
   margin-bottom: 0
-  +border-radius(3px)
-  +box-shadow(0 1px 2px rgba(0, 0, 0, 0.05))
+  +bootstrap-border-radius(3px)
+  +bootstrap-box-shadow(0 1px 2px rgba(0, 0, 0, 0.05))
 
 .pagination li
   display: inline
@@ -32,6 +32,7 @@
   color: $grayLight
   cursor: default
 
+.pagination .disabled span,
 .pagination .disabled a,
 .pagination .disabled a:hover
   color: $grayLight
@@ -40,10 +41,10 @@
 
 .pagination li:first-child a
   border-left-width: 1px
-  +border-radius(3px 0 0 3px)
+  +bootstrap-border-radius(3px 0 0 3px)
 
 .pagination li:last-child a
-  +border-radius(0 3px 3px 0)
+  +bootstrap-border-radius(0 3px 3px 0)
 
 // Centered
 .pagination-centered

data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass

@@ -17,13 +17,13 @@
   &.left
     margin-left: -5px
   &.top .arrow
-    +popoverArrow-top
+    +bootstrap-popoverArrow-top
   &.right .arrow
-    +popoverArrow-right
+    +bootstrap-popoverArrow-right
   &.bottom .arrow
-    +popoverArrow-bottom
+    +bootstrap-popoverArrow-bottom
   &.left .arrow
-    +popoverArrow-left
+    +bootstrap-popoverArrow-left
   .arrow
     position: absolute
     width: 0
@@ -36,20 +36,20 @@
   background: $black
   // has to be full background declaration for IE fallback
   background: rgba(0, 0, 0, 0.8)
-  +border-radius(6px)
-  +box-shadow(0 3px 7px rgba(0, 0, 0, 0.3))
+  +bootstrap-border-radius(6px)
+  +bootstrap-box-shadow(0 3px 7px rgba(0, 0, 0, 0.3))
 
 .popover-title
   padding: 9px 15px
   line-height: 1
   background-color: #f5f5f5
   border-bottom: 1px solid #eee
-  +border-radius(3px 3px 0 0)
+  +bootstrap-border-radius(3px 3px 0 0)
 
 .popover-content
   padding: 14px
   background-color: $white
-  +border-radius(0 0 3px 3px)
-  +background-clip(padding-box)
+  +bootstrap-border-radius(0 0 3px 3px)
+  +bootstrap-background-clip(padding-box)
   p, ul, ol
     margin-bottom: 0

data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass

@@ -7,13 +7,29 @@
 // Webkit
 @-webkit-keyframes progress-bar-stripes
   from
-    background-position: 0 0
-  to
     background-position: 40px 0
+  to
+    background-position: 0 0
 
 
 // Firefox
 @-moz-keyframes progress-bar-stripes
+  from
+    background-position: 40px 0
+  to
+    background-position: 0 0
+
+
+// IE9
+@-ms-keyframes progress-bar-stripes
+  from
+    background-position: 40px 0
+  to
+    background-position: 0 0
+
+
+// Opera
+@-o-keyframes progress-bar-stripes
   from
     background-position: 0 0
   to
@@ -23,9 +39,9 @@
 // Spec
 @keyframes progress-bar-stripes
   from
-    background-position: 0 0
-  to
     background-position: 40px 0
+  to
+    background-position: 0 0
 
 
 // THE BARS
@@ -36,9 +52,9 @@
   overflow: hidden
   height: 18px
   margin-bottom: 18px
-  +gradient-vertical(#f5f5f5, #f9f9f9)
-  +box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1))
-  +border-radius(4px)
+  +bootstrap-gradient-vertical(#f5f5f5, #f9f9f9)
+  +bootstrap-box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1))
+  +bootstrap-border-radius(4px)
 
 // Bar of progress
 .progress .bar
@@ -48,20 +64,22 @@
   font-size: 12px
   text-align: center
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
-  +gradient-vertical(#149bdf, #0480be)
-  +box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15))
-  +box-sizing(border-box)
-  +transition(width 0.6s ease)
+  +bootstrap-gradient-vertical(#149bdf, #0480be)
+  +bootstrap-box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15))
+  +bootstrap-box-sizing(border-box)
+  +bootstrap-transition(width 0.6s ease)
 
 // Striped bars
 .progress-striped .bar
-  +gradient-striped(#62c462)
-  +background-size(40px 40px)
+  +bootstrap-gradient-striped(#149bdf)
+  +bootstrap-background-size(40px 40px)
 
 // Call animation for the active one
 .progress.active .bar
   -webkit-animation: progress-bar-stripes 2s linear infinite
   -moz-animation: progress-bar-stripes 2s linear infinite
+  -ms-animation: progress-bar-stripes 2s linear infinite
+  -o-animation: progress-bar-stripes 2s linear infinite
   animation: progress-bar-stripes 2s linear infinite
 
 // COLORS
@@ -69,21 +87,28 @@
 
 // Danger (red)
 .progress-danger .bar
-  +gradient-vertical(#ee5f5b, #c43c35)
+  +bootstrap-gradient-vertical(#ee5f5b, #c43c35)
 
 .progress-danger.progress-striped .bar
-  +gradient-striped(#ee5f5b)
+  +bootstrap-gradient-striped(#ee5f5b)
 
 // Success (green)
 .progress-success .bar
-  +gradient-vertical(#62c462, #57a957)
+  +bootstrap-gradient-vertical(#62c462, #57a957)
 
 .progress-success.progress-striped .bar
-  +gradient-striped(#62c462)
+  +bootstrap-gradient-striped(#62c462)
 
 // Info (teal)
 .progress-info .bar
-  +gradient-vertical(#5bc0de, #339bb9)
+  +bootstrap-gradient-vertical(#5bc0de, #339bb9)
 
 .progress-info.progress-striped .bar
-  +gradient-striped(#5bc0de)
+  +bootstrap-gradient-striped(#5bc0de)
+
+// Warning (orange)
+.progress-warning .bar
+  +bootstrap-gradient-vertical(lighten($orange, 15%), $orange)
+
+.progress-warning.progress-striped .bar
+  +bootstrap-gradient-striped(lighten($orange, 15%))

data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass

@@ -43,7 +43,7 @@ html
 
 // Focus states
 a:focus
-  +tab-focus
+  +bootstrap-tab-focus
 
 // Hover & Active
 
@@ -72,7 +72,8 @@ sub
 
 img
   max-width: 100%
-  height: auto
+  // Make images inherently responsive
+  vertical-align: middle
   border: 0
   -ms-interpolation-mode: bicubic
 
@@ -113,10 +114,10 @@ input[type="submit"]
 
 input[type="search"]
   // Appearance in Safari/Chrome
-  -webkit-appearance: textfield
   -webkit-box-sizing: content-box
   -moz-box-sizing: content-box
   box-sizing: content-box
+  -webkit-appearance: textfield
 
 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button

data/stylesheets_sass/compass_twitter_bootstrap/_responsive-1200px-min.sass

@@ -0,0 +1,17 @@
+// LARGE DESKTOP & UP
+// ------------------
+
+@media (min-width: 1200px)
+  // Fixed grid
+  +bootstrap-grid-core(70px, 30px)
+  // Fluid grid
+  +bootstrap-grid-fluid(5.983%, 2.564%)
+  // Input grid
+  +bootstrap-grid-input(70px, 30px)
+  // Thumbnails
+  .thumbnails
+    margin-left: -30px
+  .thumbnails > li
+    margin-left: 30px
+  .row-fluid .thumbnails
+    margin-left: 0

data/stylesheets_sass/compass_twitter_bootstrap/_responsive-767px-max.sass

@@ -0,0 +1,115 @@
+// 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
+// --------------------------------------------------
+
+@media (max-width: 767px)
+  // Padding to set content in a bit
+  body
+    padding-left: 20px
+    padding-right: 20px
+  // Negative indent the now static "fixed" navbar
+  .navbar-fixed-top,
+  .navbar-fixed-bottom
+    margin-left: -20px
+    margin-right: -20px
+  // Remove padding on container given explicit padding set on body
+  .container-fluid
+    padding: 0
+  // TYPOGRAPHY
+  // ----------
+  // Reset horizontal dl
+  .dl-horizontal
+    dt
+      float: none
+      clear: none
+      width: auto
+      text-align: left
+    dd
+      margin-left: 0
+  // GRID & CONTAINERS
+  // -----------------
+  // Remove width from containers
+  .container
+    width: auto
+  // Fluid rows
+  .row-fluid
+    width: 100%
+  // Undo negative margin on rows and thumbnails
+  .row,
+  .thumbnails
+    margin-left: 0
+  // Make all grid-sized elements block level again
+  [class*="span"],
+  .row-fluid [class*="span"]
+    float: none
+    display: block
+    width: auto
+    margin-left: 0
+  // FORM FIELDS
+  // -----------
+  // Make span* classes full width
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input
+    +bootstrap-input-block-level
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"]
+    display: inline-block
+    // redeclare so they don't wrap to new lines
+    width: auto

data/stylesheets_sass/compass_twitter_bootstrap/_responsive-768px-979px.sass

@@ -0,0 +1,11 @@
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+
+@media (min-width: 768px) and (max-width: 979px)
+  // Fixed grid
+  +bootstrap-grid-core(42px, 20px)
+  // Fluid grid
+  +bootstrap-grid-fluid(5.801%, 2.762%)
+  // Input grid
+  +bootstrap-grid-input(42px, 20px)
+  // No need to reset .thumbnails here since it's the same @gridGutterWidth

data/stylesheets_sass/compass_twitter_bootstrap/_responsive-navbar.sass

@@ -0,0 +1,115 @@
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: 979px)
+  // UNFIX THE TOPBAR
+  // ----------------
+  // Remove any padding from the body
+  body
+    padding-top: 0
+  // Unfix the navbar
+  .navbar-fixed-top
+    position: static
+    margin-bottom: $baseLineHeight
+  .navbar-fixed-top .navbar-inner
+    padding: 5px
+  .navbar .container
+    width: auto
+    padding: 0
+  // Account for brand name
+  .navbar .brand
+    padding-left: 10px
+    padding-right: 10px
+    margin: 0 0 0 -5px
+  // COLLAPSIBLE NAVBAR
+  // ------------------
+  // Nav collapse clears brand
+  .nav-collapse
+    clear: both
+  // Block-level the nav
+  .nav-collapse .nav
+    float: none
+    margin: 0 0 $baseLineHeight / 2
+  .nav-collapse .nav > li
+    float: none
+  .nav-collapse .nav > li > a
+    margin-bottom: 2px
+  .nav-collapse .nav > .divider-vertical
+    display: none
+  .nav-collapse .nav .nav-header
+    color: $navbarText
+    text-shadow: none
+  // Nav and dropdown links in navbar
+  .nav-collapse .nav > li > a,
+  .nav-collapse .dropdown-menu a
+    padding: 6px 15px
+    font-weight: bold
+    color: $navbarLinkColor
+    +bootstrap-border-radius(3px)
+  // Buttons
+  .nav-collapse .btn
+    padding: 4px 10px 4px
+    font-weight: normal
+    +bootstrap-border-radius(4px)
+  .nav-collapse .dropdown-menu li + li a
+    margin-bottom: 2px
+  .nav-collapse .nav > li > a:hover,
+  .nav-collapse .dropdown-menu a:hover
+    background-color: $navbarBackground
+  // Buttons in the navbar
+  .nav-collapse.in .btn-group
+    margin-top: 5px
+    padding: 0
+  // Dropdowns in the navbar
+  .nav-collapse .dropdown-menu
+    position: static
+    top: auto
+    left: auto
+    float: none
+    display: block
+    max-width: none
+    margin: 0 15px
+    padding: 0
+    background-color: transparent
+    border: none
+    +bootstrap-border-radius(0)
+    +bootstrap-box-shadow(none)
+  .nav-collapse .dropdown-menu:before,
+  .nav-collapse .dropdown-menu:after
+    display: none
+  .nav-collapse .dropdown-menu .divider
+    display: none
+  // Forms in navbar
+  .nav-collapse .navbar-form,
+  .nav-collapse .navbar-search
+    float: none
+    padding: $baseLineHeight / 2 15px
+    margin: $baseLineHeight / 2 0
+    border-top: 1px solid $navbarBackground
+    border-bottom: 1px solid $navbarBackground
+    +bootstrap-box-shadow("inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)")
+  // Pull right (secondary) nav content
+  .navbar .nav-collapse .nav.pull-right
+    float: none
+    margin-left: 0
+  // Hide everything in the navbar save .brand and toggle button */
+  .nav-collapse,
+  .nav-collapse.collapse
+    overflow: hidden
+    height: 0
+  // Navbar button
+  .navbar .btn-navbar
+    display: block
+  // STATIC NAVBAR
+  // -------------
+  .navbar-static .navbar-inner
+    padding-left: 10px
+    padding-right: 10px
+
+// DEFAULT DESKTOP
+// ---------------
+
+// Required to make the collapsing navbar work on regular desktops
+@media (min-width: 980px)
+  .nav-collapse.collapse
+    height: auto !important
+    overflow: visible !important