compass_twitter_bootstrap 2.0.1.2 → 2.0.3

data/stylesheets_sass/compass_twitter_bootstrap/_responsive-utilities.sass

@@ -0,0 +1,56 @@
+// RESPONSIVE CLASSES
+// ------------------
+
+// Hide from screenreaders and browsers
+// Credit: HTML5 Boilerplate
+.hidden
+  display: none
+  visibility: hidden
+
+// Visibility utilities
+
+// For desktops
+.visible-phone
+  display: none !important
+
+.visible-tablet
+  display: none !important
+
+.visible-desktop
+
+// Don't set initially
+.hidden-phone
+
+.hidden-tablet
+
+.hidden-desktop
+  display: none !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
+  // 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
+  // Hide everything else
+  .hidden-desktop
+    display: inherit !important
+  .visible-desktop
+    display: none !important

data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass

@@ -2,8 +2,8 @@
 // Basic and global styles for generating a grid system, structural layout, and page templates
 // -------------------------------------------------------------------------------------------
 
-// STRUCTURAL LAYOUT
-// -----------------
+// Body reset
+// ----------
 
 body
   margin: 0
@@ -11,9 +11,9 @@ body
   font-size: $baseFontSize
   line-height: $baseLineHeight
   color: $textColor
-  background-color: $white
+  background-color: $bodyBackground
 
-// LINKS
+// Links
 // -----
 
 a

data/stylesheets_sass/compass_twitter_bootstrap/_sprites.sass

@@ -5,12 +5,12 @@
 // ICONS
 // -----
 
-// All icons receive the styles of the <i> tag with a base class 
-// of .i and are then given a unique class to add width, height, 
+// All icons receive the styles of the <i> tag with a base class
+// of .i and are then given a unique class to add width, height,
 // and background-position. Your resulting HTML will look like
 // <i class="icon-inbox"></i>.
 
-// For the white version of the  icons, just add the .icon-white class:
+// For the white version of the icons, just add the .icon-white class:
 // <i class="icon-inbox icon-white"></i>
 
 [class^="icon-"],
@@ -18,15 +18,15 @@
   display: inline-block
   width: 14px
   height: 14px
+  +bootstrap-ie7-restore-right-whitespace
   line-height: 14px
   vertical-align: text-top
-  background-image: image-url("$iconSpritePath")
+  background-image: url(#{$iconSpritePath})
   background-position: 14px 14px
   background-repeat: no-repeat
-  +ie7-restore-right-whitespace
 
 .icon-white
-  background-image: image-url("$iconWhiteSpritePath")
+  background-image: url(#{$iconWhiteSpritePath})
 
 .icon-glass
   background-position: 0      0
@@ -374,7 +374,7 @@
 .icon-chevron-down
   background-position: -313px -119px
 
-// 1px off
+// 1px, 1px off
 .icon-retweet
   background-position: -336px -120px
 
@@ -390,5 +390,68 @@
 .icon-resize-vertical
   background-position: -432px -119px
 
+// 1px, 1px off
 .icon-resize-horizontal
   background-position: -456px -118px
+
+// 1px, 2px off
+
+.icon-hdd
+  background-position: 0 -144px
+
+.icon-bullhorn
+  background-position: -24px -144px
+
+.icon-bell
+  background-position: -48px -144px
+
+.icon-certificate
+  background-position: -72px -144px
+
+.icon-thumbs-up
+  background-position: -96px -144px
+
+.icon-thumbs-down
+  background-position: -120px -144px
+
+.icon-hand-right
+  background-position: -144px -144px
+
+.icon-hand-left
+  background-position: -168px -144px
+
+.icon-hand-up
+  background-position: -192px -144px
+
+.icon-hand-down
+  background-position: -216px -144px
+
+.icon-circle-arrow-right
+  background-position: -240px -144px
+
+.icon-circle-arrow-left
+  background-position: -264px -144px
+
+.icon-circle-arrow-up
+  background-position: -288px -144px
+
+.icon-circle-arrow-down
+  background-position: -312px -144px
+
+.icon-globe
+  background-position: -336px -144px
+
+.icon-wrench
+  background-position: -360px -144px
+
+.icon-tasks
+  background-position: -384px -144px
+
+.icon-filter
+  background-position: -408px -144px
+
+.icon-briefcase
+  background-position: -432px -144px
+
+.icon-fullscreen
+  background-position: -456px -144px

data/stylesheets_sass/compass_twitter_bootstrap/_tables.sass

@@ -8,6 +8,7 @@
 
 table
   max-width: 100%
+  background-color: $tableBackground
   border-collapse: collapse
   border-spacing: 0
 
@@ -24,19 +25,23 @@ table
     line-height: $baseLineHeight
     text-align: left
     vertical-align: top
-    border-top: 1px solid #ddd
+    border-top: 1px solid $tableBorder
   th
     font-weight: bold
   // Bottom align for column headings
   thead th
     vertical-align: bottom
   // Remove top border from thead by default
-  thead:first-child tr th,
-  thead:first-child tr td
+  caption + thead tr:first-child th,
+  caption + thead tr:first-child td,
+  colgroup + thead tr:first-child th,
+  colgroup + thead tr:first-child td,
+  thead:first-child tr:first-child th,
+  thead:first-child tr:first-child td
     border-top: 0
   // Account for multiple tbody instances
   tbody + tbody
-    border-top: 2px solid #ddd
+    border-top: 2px solid $tableBorder
 
 // CONDENSED TABLE W/ HALF PADDING
 // -------------------------------
@@ -50,18 +55,23 @@ table
 // ----------------
 
 .table-bordered
-  border: 1px solid #ddd
+  border: 1px solid $tableBorder
   border-collapse: separate
   // Done so we can round those corners!
   *border-collapse: collapsed
   // IE7 can't round corners anyway
-  +border-radius(4px)
-  th + th,
-  td + td,
-  th + td,
-  td + th
-    border-left: 1px solid #ddd
+  border-left: 0
+  +bootstrap-border-radius(4px)
+  th,
+  td
+    border-left: 1px solid $tableBorder
   // Prevent a double border
+  caption + thead tr:first-child th,
+  caption + tbody tr:first-child th,
+  caption + tbody tr:first-child td,
+  colgroup + thead tr:first-child th,
+  colgroup + tbody tr:first-child th,
+  colgroup + tbody tr:first-child td,
   thead:first-child tr:first-child th,
   tbody:first-child tr:first-child th,
   tbody:first-child tr:first-child td
@@ -69,17 +79,26 @@ table
   // For first th or td in the first row in the first thead or tbody
   thead:first-child tr:first-child th:first-child,
   tbody:first-child tr:first-child td:first-child
-    +border-radius(4px 0 0 0)
+    -webkit-border-top-left-radius: 4px
+    border-top-left-radius: 4px
+    -moz-border-radius-topleft: 4px
   thead:first-child tr:first-child th:last-child,
   tbody:first-child tr:first-child td:last-child
-    +border-radius(0 4px 0 0)
+    -webkit-border-top-right-radius: 4px
+    border-top-right-radius: 4px
+    -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
-    +border-radius(0 0 0 4px)
+    +bootstrap-border-radius(0 0 0 4px)
+    -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
-    +border-radius(0 0 4px 0)
+    -webkit-border-bottom-right-radius: 4px
+    border-bottom-right-radius: 4px
+    -moz-border-radius-bottomright: 4px
 
 // ZEBRA-STRIPING
 // --------------
@@ -89,7 +108,7 @@ table
   tbody
     tr:nth-child(odd) td,
     tr:nth-child(odd) th
-      background-color: #f9f9f9
+      background-color: $tableBackgroundAccent
 
 // HOVER EFFECT
 // ------------
@@ -97,39 +116,58 @@ table
 .table
   tbody tr:hover td,
   tbody tr:hover th
-    background-color: #f5f5f5
+    background-color: $tableBackgroundHover
 
 // TABLE CELL SIZING
 // -----------------
 
 // Change the columns
-=tableColumns($columnSpan: 1)
-  float: none
-  width: $gridColumnWidth * $columnSpan + $gridGutterWidth * ($columnSpan - 1) - 16
-  margin-left: 0
-
 table
   .span1
-    +tableColumns(1)
+    +bootstrap-tableColumns(1)
   .span2
-    +tableColumns(2)
+    +bootstrap-tableColumns(2)
   .span3
-    +tableColumns(3)
+    +bootstrap-tableColumns(3)
   .span4
-    +tableColumns(4)
+    +bootstrap-tableColumns(4)
   .span5
-    +tableColumns(5)
+    +bootstrap-tableColumns(5)
   .span6
-    +tableColumns(6)
+    +bootstrap-tableColumns(6)
   .span7
-    +tableColumns(7)
+    +bootstrap-tableColumns(7)
   .span8
-    +tableColumns(8)
+    +bootstrap-tableColumns(8)
   .span9
-    +tableColumns(9)
+    +bootstrap-tableColumns(9)
   .span10
-    +tableColumns(10)
+    +bootstrap-tableColumns(10)
   .span11
-    +tableColumns(11)
+    +bootstrap-tableColumns(11)
   .span12
-    +tableColumns(12)
+    +bootstrap-tableColumns(12)
+  .span13
+    +bootstrap-tableColumns(13)
+  .span14
+    +bootstrap-tableColumns(14)
+  .span15
+    +bootstrap-tableColumns(15)
+  .span16
+    +bootstrap-tableColumns(16)
+  .span17
+    +bootstrap-tableColumns(17)
+  .span18
+    +bootstrap-tableColumns(18)
+  .span19
+    +bootstrap-tableColumns(19)
+  .span20
+    +bootstrap-tableColumns(20)
+  .span21
+    +bootstrap-tableColumns(21)
+  .span22
+    +bootstrap-tableColumns(22)
+  .span23
+    +bootstrap-tableColumns(23)
+  .span24
+    +bootstrap-tableColumns(24)

data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass

@@ -1,27 +1,37 @@
 // THUMBNAILS
 // ----------
+// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 
+// Make wrapper ul behave like the grid
 .thumbnails
   margin-left: -$gridGutterWidth
   list-style: none
-  +clearfix
+  +bootstrap-clearfix
 
+// Fluid rows have no left margin
+.row-fluid .thumbnails
+  margin-left: 0
+
+// Float li to make thumbnails appear in a row
 .thumbnails > li
   float: left
-  margin: 0 0 $baseLineHeight $gridGutterWidth
+  // Explicity set the float since we don't require .span* classes
+  margin-bottom: $baseLineHeight
+  margin-left: $gridGutterWidth
 
+// The actual thumbnail (can be `a` or `div`)
 .thumbnail
   display: block
   padding: 4px
   line-height: 1
   border: 1px solid #ddd
-  +border-radius(4px)
-  +box-shadow(0 1px 1px rgba(0, 0, 0, 0.075))
+  +bootstrap-border-radius(4px)
+  +bootstrap-box-shadow(0 1px 1px rgba(0, 0, 0, 0.075))
 
 // Add a hover state for linked versions only
 a.thumbnail:hover
   border-color: $linkColor
-  +box-shadow(0 1px 4px rgba(0, 105, 214, 0.25))
+  +bootstrap-box-shadow(0 1px 4px rgba(0, 105, 214, 0.25))
 
 // Images and captions
 .thumbnail > img

data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass

@@ -8,9 +8,9 @@
   visibility: visible
   padding: 5px
   font-size: 11px
-  +opacity(0)
+  +bootstrap-opacity(0)
   &.in
-    +opacity(0.8)
+    +bootstrap-opacity(80)
   &.top
     margin-top: -2px
   &.right
@@ -20,13 +20,13 @@
   &.left
     margin-left: -2px
   &.top .tooltip-arrow
-    +popoverArrow-top
+    +bootstrap-popoverArrow-top
   &.left .tooltip-arrow
-    +popoverArrow-left
+    +bootstrap-popoverArrow-left
   &.bottom .tooltip-arrow
-    +popoverArrow-bottom
+    +bootstrap-popoverArrow-bottom
   &.right .tooltip-arrow
-    +popoverArrow-right
+    +bootstrap-popoverArrow-right
 
 .tooltip-inner
   max-width: 200px
@@ -35,7 +35,7 @@
   text-align: center
   text-decoration: none
   background-color: $black
-  +border-radius(4px)
+  +bootstrap-border-radius(4px)
 
 .tooltip-arrow
   position: absolute