compass_twitter_bootstrap 0.1.8 → 2.0.0

data/stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass

@@ -0,0 +1,34 @@
+// THUMBNAILS
+// ----------
+
+.thumbnails
+  margin-left: -20px
+  list-style: none
+  +clearfix
+
+.thumbnails > li
+  float: left
+  margin: 0 0 $baseLineHeight 20px
+
+.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))
+
+// 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))
+
+// Images and captions
+.thumbnail > img
+  display: block
+  max-width: 100%
+  margin-left: auto
+  margin-right: auto
+
+.thumbnail .caption
+  padding: 9px

data/stylesheets_sass/compass_twitter_bootstrap/_tooltip.sass

@@ -0,0 +1,43 @@
+// TOOLTIP
+// ------=
+
+.tooltip
+  position: absolute
+  z-index: $zindexTooltip
+  display: block
+  visibility: visible
+  padding: 5px
+  font-size: 11px
+  +opacity(0)
+  &.in
+    +opacity(0.8)
+  &.top
+    margin-top: -2px
+  &.right
+    margin-left: 2px
+  &.bottom
+    margin-top: 2px
+  &.left
+    margin-left: -2px
+  &.top .tooltip-arrow
+    +popoverArrow-top
+  &.left .tooltip-arrow
+    +popoverArrow-left
+  &.bottom .tooltip-arrow
+    +popoverArrow-bottom
+  &.right .tooltip-arrow
+    +popoverArrow-right
+
+.tooltip-inner
+  max-width: 200px
+  padding: 3px 8px
+  color: $white
+  text-align: center
+  text-decoration: none
+  background-color: $black
+  +border-radius(4px)
+
+.tooltip-arrow
+  position: absolute
+  width: 0
+  height: 0

data/stylesheets_sass/compass_twitter_bootstrap/_type.sass

@@ -1,66 +1,88 @@
-/* Typography.less
- * Headings, body text, lists, code, and more for a versatile and durable typography system
- * ----------------------------------------------------------------------------------------
+// Typography.less
+// Headings, body text, lists, code, and more for a versatile and durable typography system
+// ----------------------------------------------------------------------------------------
 
 // BODY TEXT
 // ---------
 
 p
-  +shorthand(normal, $basefont, $baseline)
-  margin-bottom: $baseline / 2
+  margin: 0 0 $baseLineHeight / 2
+  font-family: $baseFontFamily
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
   small
-    font-size: $basefont - 2
+    font-size: $baseFontSize - 2
     color: $grayLight
 
+.lead
+  margin-bottom: $baseLineHeight
+  font-size: 20px
+  font-weight: 200
+  line-height: $baseLineHeight * 1.5
+
 // HEADINGS
 // --------
 
 h1, h2, h3, h4, h5, h6
+  margin: 0
   font-weight: bold
   color: $grayDark
+  text-rendering: optimizelegibility
+  // Fix the character spacing for headings
   small
+    font-weight: normal
     color: $grayLight
 
 h1
-  margin-bottom: $baseline
   font-size: 30px
-  line-height: $baseline * 2
+  line-height: $baseLineHeight * 2
   small
     font-size: 18px
 
 h2
   font-size: 24px
-  line-height: $baseline * 2
+  line-height: $baseLineHeight * 2
   small
-    font-size: 14px
-
-h3, h4, h5, h6
-  line-height: $baseline * 2
+    font-size: 18px
 
 h3
+  line-height: $baseLineHeight * 1.5
   font-size: 18px
   small
     font-size: 14px
 
+h4, h5, h6
+  line-height: $baseLineHeight
+
 h4
-  font-size: 16px
+  font-size: 14px
   small
     font-size: 12px
 
 h5
-  font-size: 14px
+  font-size: 12px
 
 h6
-  font-size: 13px
+  font-size: 11px
   color: $grayLight
   text-transform: uppercase
 
-// COLORS
-// ------
+// Page header
+.page-header
+  padding-bottom: $baseLineHeight - 1
+  margin: $baseLineHeight 0
+  border-bottom: 1px solid $grayLighter
+
+.page-header h1
+  line-height: 1
+
+// LISTS
+// -----
 
 // Unordered and Ordered lists
 ul, ol
-  margin: 0 0 $baseline 25px
+  padding: 0
+  margin: 0 0 $baseLineHeight / 2 25px
 
 ul ul,
 ul ol,
@@ -75,88 +97,96 @@ ol
   list-style: decimal
 
 li
-  line-height: $baseline
-  color: $gray
+  line-height: $baseLineHeight
 
 ul.unstyled
-  list-style: none
   margin-left: 0
+  list-style: none
 
 // Description Lists
 dl
-  margin-bottom: $baseline
-  dt, dd
-    line-height: $baseline
-  dt
-    font-weight: bold
-  dd
-    margin-left: $baseline / 2
+  margin-bottom: $baseLineHeight
+
+dt,
+dd
+  line-height: $baseLineHeight
+
+dt
+  font-weight: bold
+
+dd
+  margin-left: $baseLineHeight / 2
 
 // MISC
 // ----
 
 // Horizontal rules
 hr
-  margin: 20px 0 19px
+  margin: $baseLineHeight 0
   border: 0
-  border-bottom: 1px solid #eee
+  border-top: 1px solid #e5e5e5
+  border-bottom: 1px solid $white
 
 // Emphasis
 strong
-  font-style: inherit
   font-weight: bold
 
 em
   font-style: italic
-  font-weight: inherit
-  line-height: inherit
 
 .muted
   color: $grayLight
 
+// Abbreviations and acronyms
+abbr
+  font-size: 90%
+  text-transform: uppercase
+  border-bottom: 1px dotted #ddd
+  cursor: help
+
 // Blockquotes
 blockquote
-  margin-bottom: $baseline
-  border-left: 5px solid #eee
-  padding-left: 15px
+  padding: 0 0 0 15px
+  margin: 0 0 $baseLineHeight
+  border-left: 5px solid $grayLighter
   p
-    +shorthand(300, 14px, $baseline)
     margin-bottom: 0
+    +font-shorthand(16px, 300, $baseLineHeight * 1.25)
   small
     display: block
-    +shorthand(300, 12px, $baseline)
+    line-height: $baseLineHeight
     color: $grayLight
     &:before
       content: '\2014 \00A0'
+  // Float right with text-align: right
+  &.pull-right
+    float: right
+    padding-left: 0
+    padding-right: 15px
+    border-left: 0
+    border-right: 5px solid $grayLighter
+    p,
+    small
+      text-align: right
+
+// Quotes
+
+q:before,
+q:after,
+blockquote:before, 
+blockquote:after
+  content: ""
 
 // Addresses
 address
   display: block
-  line-height: $baseline
-  margin-bottom: $baseline
-
-// Inline and block code styles
-code, pre
-  padding: 0 3px 2px
-  font-family: Monaco, Andale Mono, Courier New, monospace
-  font-size: 12px
-  +border-radius(3px)
+  margin-bottom: $baseLineHeight
+  line-height: $baseLineHeight
+  font-style: normal
 
-code
-  background-color: lighten($orange, 40%)
-  color: rgba(0, 0, 0, 0.75)
-  padding: 1px 3px
+// Misc
+small
+  font-size: 100%
 
-pre
-  background-color: #f5f5f5
-  display: block
-  padding: ($baseline - 1) / 2
-  margin: 0 0 $baseline
-  line-height: $baseline
-  font-size: 12px
-  border: 1px solid #ccc
-  border: 1px solid rgba(0, 0, 0, 0.15)
-  +border-radius(3px)
-  white-space: pre
-  white-space: pre-wrap
-  word-wrap: break-word
+cite
+  font-style: normal

data/stylesheets_sass/compass_twitter_bootstrap/_utilities.sass

@@ -0,0 +1,20 @@
+// UTILITY CLASSES
+// ---------------
+
+// Quick floats
+.pull-right
+  float: right
+
+.pull-left
+  float: left
+
+// Toggling content
+.hide
+  display: none
+
+.show
+  display: block
+
+// Visibility
+.invisible
+  visibility: hidden

data/stylesheets_sass/compass_twitter_bootstrap/_variables.sass

@@ -1,20 +1,24 @@
-/* Variables.less
- * Variables to customize the look and feel of Bootstrap
- * -----------------------------------------------------
+// Variables.less
+// Variables to customize the look and feel of Bootstrap
+// -----------------------------------------------------
+
+// GLOBAL VALUES
+// --------------------------------------------------
 
 // Links
-$linkColor: #0069d6
-$linkColorHover: darken($linkColor, 15)
+$linkColor: #0088cc
+$linkColorHover: darken($linkColor, 15%)
 
 // Grays
 $black: black
-$grayDark: lighten($black, 25%)
-$gray: lighten($black, 50%)
-$grayLight: lighten($black, 75%)
-$grayLighter: lighten($black, 90%)
+$grayDarker: #222222
+$grayDark: #333333
+$gray: #555555
+$grayLight: #999999
+$grayLighter: #eeeeee
 $white: white
 
-// Accent Colors
+// Accent colors
 $blue: #049cdb
 $blueDark: #0064cd
 $green: #46a546
@@ -24,48 +28,66 @@ $orange: #f89406
 $pink: #c3325f
 $purple: #7a43b6
 
-// Baseline grid
-$basefont: 13px
-$baseline: 18px
+// Typography
+$baseFontSize: 13px
+$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif
+$baseLineHeight: 18px
+$textColor: $grayDark
 
-// Griditude
-// Modify the grid styles in mixins.less
-$gridColumns: 16
-$gridColumnWidth: 40px
-$gridGutterWidth: 20px
-$extraSpace: $gridGutterWidth * 2
+// Buttons
+$primaryButtonBackground: $linkColor
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
 
-// For our grid calculations
-$siteWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1)
+// Z-index master list
+// Used for a bird's eye view of components dependent on the z-axis
+// Try to avoid customizing these :)
+$zindexDropdown: 1000
+$zindexPopover: 1010
+$zindexTooltip: 1020
+$zindexFixedNavbar: 1030
+$zindexModalBackdrop: 1040
+$zindexModal: 1050
 
-// Color Scheme
-// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
-$baseColor: $blue
+// Input placeholder text color
+$placeholderText: $grayLight
 
-// Set a base color
-$complement: adjust-hue($baseColor, 180)
+// Navbar
+$navbarHeight: 40px
+$navbarBackground: $grayDarker
+$navbarBackgroundHighlight: $grayDark
 
-// Determine a complementary color
-$split1: adjust-hue($baseColor, 158)
+$navbarText: $grayLight
+$navbarLinkColor: $grayLight
+$navbarLinkColorHover: $white
 
-// Split complements
-$split2: adjust-hue($baseColor, -158)
-$triad1: adjust-hue($baseColor, 135)
+// Form states and alerts
+$warningText: #c09853
+$warningBackground: #fcf8e3
+$warningBorder: darken(adjust-hue($warningBackground, -10), 3%)
 
-// Triads colors
-$triad2: adjust-hue($baseColor, -135)
-$tetra1: adjust-hue($baseColor, 90)
+$errorText: #b94a48
+$errorBackground: #f2dede
+$errorBorder: darken(adjust-hue($errorBackground, -10), 3%)
 
-// Tetra colors
-$tetra2: adjust-hue($baseColor, -90)
-$analog1: adjust-hue($baseColor, 22)
+$successText: #468847
+$successBackground: #dff0d8
+$successBorder: darken(adjust-hue($successBackground, -10), 5%)
 
-// Analogs colors
-$analog2: adjust-hue($baseColor, -22)
+$infoText: #3a87ad
+$infoBackground: #d9edf7
+$infoBorder: darken(adjust-hue($infoBackground, -10), 7%)
+
+// GRID
+// --------------------------------------------------
+
+// Default 940px grid
+$gridColumns: 12
+$gridColumnWidth: 60px
+$gridGutterWidth: 20px
+$gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1)
 
-// More variables coming soon:
-// - $basefont to $baseFontSize
-// - $baseline to $baseLineHeight
-// - $baseFontFamily
-// - $primaryButtonColor
-// - anything else? File an issue on GitHub
+// Fluid grid
+$fluidGridColumnWidth: 6.383%
+$fluidGridGutterWidth: 2.128%