sass_twitter_bootstrap 0.1.alpha.1

data/stylesheets/sass_twitter_bootstrap/_tables.sass

@@ -0,0 +1,134 @@
+// TABLES
+// Tables for, you guessed it, tabular data
+// ----------------------------------------
+
+// BASE TABLES
+// -----------------
+
+table
+  max-width: 100%
+  border-collapse: collapse
+  border-spacing: 0
+
+// BASELINE STYLES
+// ---------------
+
+.table
+  width: 100%
+  margin-bottom: $baseLineHeight
+  // Cells
+  th,
+  td
+    padding: 8px
+    line-height: $baseLineHeight
+    text-align: left
+    vertical-align: top
+    border-top: 1px solid #ddd
+  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
+    border-top: 0
+  // Account for multiple tbody instances
+  tbody + tbody
+    border-top: 2px solid #ddd
+
+// CONDENSED TABLE W/ HALF PADDING
+// -------------------------------
+
+.table-condensed
+  th,
+  td
+    padding: 4px 5px
+
+// BORDERED VERSION
+// ----------------
+
+.table-bordered
+  border: 1px solid #ddd
+  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
+  // Prevent a double border
+  thead:first-child tr:first-child th,
+  tbody:first-child tr:first-child th,
+  tbody:first-child tr:first-child td
+    border-top: 0
+  // 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)
+  thead:first-child tr:first-child th:last-child,
+  tbody:first-child tr:first-child td:last-child
+    +border-radius(0 4px 0 0)
+  // 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)
+  thead:last-child tr:last-child th:last-child,
+  tbody:last-child tr:last-child td:last-child
+    +border-radius(0 0 4px 0)
+
+// ZEBRA-STRIPING
+// --------------
+
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+.table-striped
+  tbody
+    tr:nth-child(odd) td,
+    tr:nth-child(odd) th
+      background-color: #f9f9f9
+
+// 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: #f5f5f5
+
+// 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)
+  .span2
+    +tableColumns(2)
+  .span3
+    +tableColumns(3)
+  .span4
+    +tableColumns(4)
+  .span5
+    +tableColumns(5)
+  .span6
+    +tableColumns(6)
+  .span7
+    +tableColumns(7)
+  .span8
+    +tableColumns(8)
+  .span9
+    +tableColumns(9)
+  .span10
+    +tableColumns(10)
+  .span11
+    +tableColumns(11)
+  .span12
+    +tableColumns(12)

data/stylesheets/sass_twitter_bootstrap/_thumbnails.sass

@@ -0,0 +1,34 @@
+// THUMBNAILS
+// ----------
+
+.thumbnails
+  margin-left: -$gridGutterWidth
+  list-style: none
+  +clearfix
+
+.thumbnails > li
+  float: left
+  margin: 0 0 $baseLineHeight $gridGutterWidth
+
+.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_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(80)
+  &.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_twitter_bootstrap/_type.sass

@@ -0,0 +1,193 @@
+// TYPOGRAPHY
+// Headings, body text, lists, code, and more for a versatile and durable typography system
+// ----------------------------------------------------------------------------------------
+
+// BODY TEXT
+// ---------
+
+p
+  margin: 0 0 $baseLineHeight / 2
+  font-family: $baseFontFamily
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
+  small
+    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
+  font-size: 30px
+  line-height: $baseLineHeight * 2
+  small
+    font-size: 18px
+
+h2
+  font-size: 24px
+  line-height: $baseLineHeight * 2
+  small
+    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: 14px
+  small
+    font-size: 12px
+
+h5
+  font-size: 12px
+
+h6
+  font-size: 11px
+  color: $grayLight
+  text-transform: uppercase
+
+// 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
+  padding: 0
+  margin: 0 0 $baseLineHeight / 2 25px
+
+ul ul,
+ul ol,
+ol ol,
+ol ul
+  margin-bottom: 0
+
+ul
+  list-style: disc
+
+ol
+  list-style: decimal
+
+li
+  line-height: $baseLineHeight
+
+ul.unstyled,
+ol.unstyled
+  margin-left: 0
+  list-style: none
+
+// Description Lists
+dl
+  margin-bottom: $baseLineHeight
+
+dt,
+dd
+  line-height: $baseLineHeight
+
+dt
+  font-weight: bold
+
+dd
+  margin-left: $baseLineHeight / 2
+
+// MISC
+// ----
+
+// Horizontal rules
+hr
+  margin: $baseLineHeight 0
+  border: 0
+  border-top: 1px solid $hrBorder
+  border-bottom: 1px solid $white
+
+// Emphasis
+strong
+  font-weight: bold
+
+em
+  font-style: italic
+
+.muted
+  color: $grayLight
+
+// Abbreviations and acronyms
+abbr
+  font-size: 90%
+  text-transform: uppercase
+  border-bottom: 1px dotted #ddd
+  cursor: help
+
+// Blockquotes
+blockquote
+  padding: 0 0 0 15px
+  margin: 0 0 $baseLineHeight
+  border-left: 5px solid $grayLighter
+  p
+    margin-bottom: 0
+    +font-shorthand(16px, 300, $baseLineHeight * 1.25)
+  small
+    display: block
+    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
+  margin-bottom: $baseLineHeight
+  line-height: $baseLineHeight
+  font-style: normal
+
+// Misc
+small
+  font-size: 100%
+
+cite
+  font-style: normal

data/stylesheets/sass_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_twitter_bootstrap/_variables.sass

@@ -0,0 +1,101 @@
+// VARIABLES
+// Variables to customize the look and feel of Bootstrap
+// -----------------------------------------------------
+
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// Links
+$linkColor: #0088cc !default
+$linkColorHover: darken($linkColor, 15) !default
+
+// Grays
+$black: black !default
+$grayDarker: #222222 !default
+$grayDark: #333333 !default
+$gray: #555555 !default
+$grayLight: #999999 !default
+$grayLighter: #eeeeee !default
+$white: white !default
+
+// Accent colors
+$blue: #049cdb !default
+$blueDark: #0064cd !default
+$green: #46a546 !default
+$red: #9d261d !default
+$yellow: #ffc40d !default
+$orange: #f89406 !default
+$pink: #c3325f !default
+$purple: #7a43b6 !default
+
+// Typography
+$baseFontSize: 13px !default
+$baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default
+$baseLineHeight: 18px !default
+$textColor: $grayDark !default
+
+// Buttons
+$primaryButtonBackground: $linkColor !default
+
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// 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 !default
+$zindexPopover: 1010 !default
+$zindexTooltip: 1020 !default
+$zindexFixedNavbar: 1030 !default
+$zindexModalBackdrop: 1040 !default
+$zindexModal: 1050 !default
+
+// Sprite icons path
+$iconSpritePath: "../img/glyphicons-halflings.png"
+$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"
+
+// Input placeholder text color
+$placeholderText: $grayLight !default
+
+// Hr border color
+$hrBorder: $grayLighter
+
+// Navbar
+$navbarHeight: 40px !default
+$navbarBackground: $grayDarker !default
+$navbarBackgroundHighlight: $grayDark !default
+$navbarLinkBackgroundHover: transparent
+
+$navbarText: $grayLight !default
+$navbarLinkColor: $grayLight !default
+$navbarLinkColorHover: $white !default
+
+// Form states and alerts
+$warningText: #c09853 !default
+$warningBackground: #fcf8e3 !default
+$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default
+
+$errorText: #b94a48 !default
+$errorBackground: #f2dede !default
+$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default
+
+$successText: #468847 !default
+$successBackground: #dff0d8 !default
+$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default
+
+$infoText: #3a87ad !default
+$infoBackground: #d9edf7 !default
+$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default
+
+// GRID
+// ----
+
+// Default 940px grid
+$gridColumns: 12 !default
+$gridColumnWidth: 60px !default
+$gridGutterWidth: 20px !default
+$gridRowWidth: $gridColumns * $gridColumnWidth + $gridGutterWidth * ($gridColumns - 1)
+
+// Fluid grid
+$fluidGridColumnWidth: 6.383% !default
+$fluidGridGutterWidth: 2.128% !default

data/stylesheets/sass_twitter_bootstrap/_wells.sass

@@ -0,0 +1,15 @@
+// WELLS
+// -----
+
+.well
+  min-height: 20px
+  padding: 19px
+  margin-bottom: 20px
+  background-color: #f5f5f5
+  border: 1px solid #eee
+  border: 1px solid rgba(0, 0, 0, 0.05)
+  +border-radius(4px)
+  +box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05))
+  blockquote
+    border-color: #ddd
+    border-color: rgba(0, 0, 0, 0.15)

data/templates/project/bootstrap.sass

@@ -0,0 +1,67 @@
+/*!
+ * Bootstrap v2.0.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+
+// Core variables and mixins
+@import variables
+
+// Modify this for custom colors, font-sizes, etc
+@import mixins
+
+// CSS Reset
+@import reset
+
+// Grid system and page structure
+@import scaffolding
+@import grid
+@import layouts
+
+// Base CSS
+@import type
+@import code
+@import forms
+@import tables
+
+// Components: common
+@import sprites
+@import dropdowns
+@import wells
+@import component-animations
+@import close
+
+// Components: Buttons & Alerts
+@import buttons
+@import button-groups
+@import alerts
+
+// Note: alerts share common CSS with buttons and thus have styles in buttons
+
+// Components: Nav
+@import navs
+@import navbar
+@import breadcrumbs
+@import pagination
+@import pager
+
+// Components: Popovers
+@import modals
+@import tooltip
+@import popovers
+
+// Components: Misc
+@import thumbnails
+@import labels
+@import progress-bars
+@import accordion
+@import carousel
+@import hero-unit
+
+// Utility classes
+@import utilities
+
+// Has to be last to override when necessary

data/templates/project/manifest.rb

@@ -0,0 +1,20 @@
+description "Twitter Bootstrap Plugin for Compass Framework."
+
+# Make sure you list all the project template files here in the manifest.
+stylesheet 'bootstrap.sass', :media => 'screen, projection'
+stylesheet 'responsive.sass', :media => 'handheld,only screen and (max-device-width:480px)'
+
+file 'README'
+
+help %Q{
+This is a message that users will see if they type
+
+  compass help my_extension
+
+You can use it to help them learn how to use your extension.
+}
+
+welcome_message %Q{
+This is a message that users will see after they install this pattern.
+Use this to tell users what to do next.
+}