sass_twitter_bootstrap 0.1.alpha.1

data/stylesheets/sass_twitter_bootstrap/_component-animations.sass

@@ -0,0 +1,16 @@
+// COMPONENT ANIMATIONS
+// --------------------
+
+.fade
+  +transition(opacity 0.15s linear)
+  opacity: 0
+  &.in
+    opacity: 1
+
+.collapse
+  +transition(height 0.35s ease)
+  position: relative
+  overflow: hidden
+  height: 0
+  &.in
+    height: auto

data/stylesheets/sass_twitter_bootstrap/_dropdowns.sass

@@ -0,0 +1,120 @@
+// DROPDOWN MENUS
+// --------------
+
+// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
+.dropdown
+  position: relative
+
+.dropdown-toggle
+  // The caret makes the toggle a bit too tall in IE7
+  *margin-bottom: -3px
+
+.dropdown-toggle:active,
+.open .dropdown-toggle
+  outline: 0
+
+// Dropdown arrow/caret
+.caret
+  display: inline-block
+  width: 0
+  height: 0
+  text-indent: -99999px
+  // IE7 won't do the border trick if there's a text indent, but it doesn't
+  // do the content that text-indent is hiding, either, so we're ok.
+  *text-indent: 0
+  vertical-align: top
+  border-left: 4px solid transparent
+  border-right: 4px solid transparent
+  border-top: 4px solid $black
+  +opacity(30)
+  content: "\2193"
+
+.dropdown .caret
+  margin-top: 8px
+  margin-left: 2px
+
+.dropdown:hover .caret,
+.open.dropdown .caret
+  +opacity(100)
+
+// The dropdown menu (ul)
+.dropdown-menu
+  position: absolute
+  top: 100%
+  left: 0
+  z-index: $zindexDropdown
+  float: left
+  display: none
+  // none by default, but block on "open" of the menu
+  min-width: 160px
+  _width: 160px
+  padding: 4px 0
+  margin: 0
+  // override default ul
+  list-style: none
+  background-color: $white
+  border-color: #ccc
+  border-color: rgba(0, 0, 0, 0.2)
+  border-style: solid
+  border-width: 1px
+  +border-radius(0 0 5px 5px)
+  +box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
+  -webkit-background-clip: padding-box
+  -moz-background-clip: padding
+  background-clip: padding-box
+  *border-right-width: 2px
+  *border-bottom-width: 2px
+  // Allow for dropdowns to go bottom up (aka, dropup-menu)
+  &.bottom-up
+    top: auto
+    bottom: 100%
+    margin-bottom: 2px
+  // Dividers (basically an hr) within the dropdown
+  .divider
+    height: 1px
+    margin: 5px 1px
+    overflow: hidden
+    background-color: #e5e5e5
+    border-bottom: 1px solid $white
+    // IE7 needs a set width since we gave a height. Restricting just
+    // to IE7 to keep the 1px left/right space in other browsers.
+    // It is unclear where IE is getting the extra space that we need
+    // to negative-margin away, but so it goes.
+    *width: 100%
+    *margin: -5px 0 5px
+  // Links within the dropdown menu
+  a
+    display: block
+    padding: 3px 15px
+    clear: both
+    font-weight: normal
+    line-height: $baseLineHeight
+    color: $gray
+    white-space: nowrap
+
+// Hover state
+
+.dropdown-menu li > a:hover,
+.dropdown-menu .active > a,
+.dropdown-menu .active > a:hover
+  color: $white
+  text-decoration: none
+  background-color: $linkColor
+
+// Open state for the dropdown
+.dropdown.open
+  // IE7's z-index only goes to the nearest positioned ancestor, which would
+  // make the menu appear below buttons that appeared later on the page
+  *z-index: $zindexDropdown
+  .dropdown-toggle
+    color: $white
+    background: #ccc
+    background: rgba(0, 0, 0, 0.3)
+  .dropdown-menu
+    display: block
+
+// Typeahead
+.typeahead
+  margin-top: 2px
+  // give it some space to breathe
+  +border-radius(4px)

data/stylesheets/sass_twitter_bootstrap/_forms.sass

@@ -0,0 +1,482 @@
+// Forms.less
+// Base styles for various input types, form layouts, and states
+// -------------------------------------------------------------
+
+// GENERAL STYLES
+// --------------
+
+// Make all forms have space below them
+form
+  margin: 0 0 $baseLineHeight
+
+fieldset
+  padding: 0
+  margin: 0
+  border: 0
+
+// Groups of fields with labels on top (legends)
+legend
+  display: block
+  width: 100%
+  padding: 0
+  margin-bottom: $baseLineHeight * 1.5
+  font-size: $baseFontSize * 1.5
+  line-height: $baseLineHeight * 2
+  color: $grayDark
+  border: 0
+  border-bottom: 1px solid #eee
+  // Small
+  small
+    font-size: $baseLineHeight * 0.75
+    color: $grayLight
+
+// Set font for forms
+
+label,
+input,
+button,
+select,
+textarea
+  +font-sans-serif($baseFontSize, normal, $baseLineHeight)
+
+input,
+button,
+select,
+textarea
+  +font-sans-serif
+  // And only set font-family here for those that need it (note the missing label element)
+
+// Identify controls by their labels
+label
+  display: block
+  margin-bottom: 5px
+  color: $grayDark
+
+// Inputs, Textareas, Selects
+
+input,
+textarea,
+select,
+.uneditable-input
+  display: inline-block
+  width: 210px
+  height: $baseLineHeight
+  padding: 4px
+  margin-bottom: 9px
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
+  color: $gray
+  border: 1px solid #ccc
+  +border-radius(3px)
+
+.uneditable-textarea
+  width: auto
+  height: auto
+
+// Inputs within a label
+
+label input,
+label textarea,
+label select
+  display: block
+
+// Mini reset for unique input types
+
+input[type="image"],
+input[type="checkbox"],
+input[type="radio"]
+  width: auto
+  height: auto
+  padding: 0
+  margin: 3px 0
+  *margin-top: 0
+  /* IE7
+  line-height: normal
+  cursor: pointer
+  +border-radius(0)
+  // Nuke border-radius for IE9 only
+  border: 0 \9
+  /* IE9 and down
+
+input[type="image"]
+  border: 0
+
+// Reset the file input to browser defaults
+input[type="file"]
+  width: auto
+  padding: initial
+  line-height: initial
+  border: initial
+  background-color: $white
+  background-color: initial
+  +box-shadow(none)
+
+// Help out input buttons
+
+input[type=button],
+input[type=reset],
+input[type=submit]
+  width: auto
+  height: auto
+
+// Set the height of select and file controls to match text inputs
+
+select,
+input[type="file"]
+  height: 28px
+  /* In IE7, the height of the select element cannot be changed by height, only font-size
+  *margin-top: 4px
+  /* For IE7, add top margin to align select with labels
+  line-height: 28px
+
+// Reset line-height for IE
+input[type="file"]
+  line-height: 18px \9
+
+// Chrome on Linux and Mobile Safari need background-color
+select
+  width: 220px
+  // default input width + 10px of padding that doesn't get applied
+  background-color: $white
+
+// Make multiple select elements height not fixed
+
+select[multiple],
+select[size]
+  height: auto
+
+// Remove shadow from image inputs
+input[type="image"]
+  +box-shadow(none)
+
+// Make textarea height behave
+textarea
+  height: auto
+
+// Hidden inputs
+input[type="hidden"]
+  display: none
+
+// CHECKBOXES & RADIOS
+// -------------------
+
+// Indent the labels to position radios/checkboxes as hanging
+
+.radio,
+.checkbox
+  padding-left: 18px
+
+.radio input[type="radio"],
+.checkbox input[type="checkbox"]
+  float: left
+  margin-left: -18px
+
+// Move the options list down to align with labels
+
+.controls > .radio:first-child,
+.controls > .checkbox:first-child
+  padding-top: 5px
+  // has to be padding because margin collaspes
+
+// Radios and checkboxes on same line
+// TODO v3: Convert .inline to .control-inline
+
+.radio.inline,
+.checkbox.inline
+  display: inline-block
+  margin-bottom: 0
+  vertical-align: middle
+
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline
+  margin-left: 10px
+  // space out consecutive inline controls
+
+// FOCUS STATE
+// -----------
+
+input,
+textarea
+  +box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075))
+  $transition: border linear 0.2s, box-shadow linear 0.2s
+  +transition($transition)
+
+input:focus,
+textarea:focus
+  border-color: rgba(82, 168, 236, 0.8)
+  $shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
+  +box-shadow($shadow)
+  outline: 0
+  outline: thin dotted \9
+  /* IE6-8
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus
+  +box-shadow(none)
+  // override for file inputs
+  +tab-focus
+
+// INPUT SIZES
+// -----------
+
+// General classes for quick sizes
+.input-mini
+  width: 60px
+
+.input-small
+  width: 90px
+
+.input-medium
+  width: 150px
+
+.input-large
+  width: 210px
+
+.input-xlarge
+  width: 270px
+
+.input-xxlarge
+  width: 530px
+
+// Grid style input sizes
+
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input
+  float: none
+  margin-left: 0
+
+// GRID SIZING FOR INPUTS
+// ----------------------
+
++inputGridSystem-generate($gridColumns, $gridColumnWidth, $gridGutterWidth)
+
+// DISABLED STATE
+// --------------
+
+// Disabled and read-only inputs
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly]
+  background-color: #f5f5f5
+  border-color: #ddd
+  cursor: not-allowed
+
+// FORM FIELD FEEDBACK STATES
+// --------------------------
+
+// Warning
+.control-group.warning
+  +formFieldState($warningText, $warningText, $warningBackground)
+
+// Error
+.control-group.error
+  +formFieldState($errorText, $errorText, $errorBackground)
+
+// Success
+.control-group.success
+  +formFieldState($successText, $successText, $successBackground)
+
+// HTML5 invalid states
+// Shares styles with the .control-group.error above
+
+input:focus:required:invalid,
+textarea:focus:required:invalid,
+select:focus:required:invalid
+  color: #b94a48
+  border-color: #ee5f5b
+  &:focus
+    border-color: darken(#ee5f5b, 10%)
+    +box-shadow(0 0 6px lighten(#ee5f5b, 20%))
+
+// FORM ACTIONS
+// ------------
+
+.form-actions
+  padding: $baseLineHeight - 1 20px $baseLineHeight
+  margin-top: $baseLineHeight
+  margin-bottom: $baseLineHeight
+  background-color: #f5f5f5
+  border-top: 1px solid #ddd
+
+// For text that needs to appear as an input but should not be an input
+.uneditable-input
+  display: block
+  background-color: $white
+  border-color: #eee
+  +box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.025))
+  cursor: not-allowed
+
+// Placeholder text gets special styles; can't be bundled together though for some reason
++placeholder($grayLight)
+
+// HELP TEXT
+// ---------
+
+.help-block
+  display: block
+  // account for any element using help-block
+  margin-top: 5px
+  margin-bottom: 0
+  color: $grayLight
+
+.help-inline
+  display: inline-block
+  +ie7-inline-block
+  margin-bottom: 9px
+  vertical-align: middle
+  padding-left: 5px
+
+// INPUT GROUPS
+// ------------
+
+// Allow us to put symbols and text within the input field for a cleaner look
+
+.input-prepend,
+.input-append
+  margin-bottom: 5px
+  +clearfix
+  // Clear the float to prevent wrapping
+  input,
+  .uneditable-input
+    +border-radius(0 3px 3px 0)
+    &:focus
+      position: relative
+      z-index: 2
+  .uneditable-input
+    border-left-color: #ccc
+  .add-on
+    float: left
+    display: block
+    width: auto
+    min-width: 16px
+    height: $baseLineHeight
+    margin-right: -1px
+    padding: 4px 5px
+    font-weight: normal
+    line-height: $baseLineHeight
+    color: $grayLight
+    text-align: center
+    text-shadow: 0 1px 0 $white
+    background-color: #f5f5f5
+    border: 1px solid #ccc
+    +border-radius(3px 0 0 3px)
+  .active
+    background-color: lighten($green, 30)
+    border-color: $green
+
+.input-prepend
+  .add-on
+    *margin-top: 1px
+    /* IE6-7
+
+.input-append
+  input,
+  .uneditable-input
+    float: left
+    +border-radius(3px 0 0 3px)
+  .uneditable-input
+    border-left-color: #eee
+    border-right-color: #ccc
+  .add-on
+    margin-right: 0
+    margin-left: -1px
+    +border-radius(0 3px 3px 0)
+  input:first-child
+    // In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
+    // inherit the sum of its ancestors' margins.
+    *margin-left: -160px
+    & + .add-on
+      *margin-left: -21px
+
+// SEARCH FORM
+// -----------
+
+.search-query
+  padding-left: 14px
+  padding-right: 14px
+  margin-bottom: 0
+  // remove the default margin on all inputs
+  +border-radius(14px)
+
+// HORIZONTAL & VERTICAL FORMS
+// ---------------------------
+
+// Common properties
+// -----------------
+
+.form-search,
+.form-inline,
+.form-horizontal
+  input,
+  textarea,
+  select,
+  .help-inline,
+  .uneditable-input
+    display: inline-block
+    margin-bottom: 0
+  // Re-hide hidden elements due to specifity
+  .hide
+    display: none
+
+.form-search label,
+.form-inline label,
+.form-search .input-append,
+.form-inline .input-append,
+.form-search .input-prepend,
+.form-inline .input-prepend
+  display: inline-block
+
+// Make the prepend and append add-on vertical-align: middle;
+
+.form-search .input-append .add-on,
+.form-inline .input-prepend .add-on,
+.form-search .input-append .add-on,
+.form-inline .input-prepend .add-on
+  vertical-align: middle
+
+// Inline checkbox/radio labels
+
+.form-search .radio,
+.form-inline .radio,
+.form-search .checkbox,
+.form-inline .checkbox
+  margin-bottom: 0
+  vertical-align: middle
+
+// Margin to space out fieldsets
+.control-group
+  margin-bottom: $baseLineHeight / 2
+
+// Legend collapses margin, so next element is responsible for spacing
+legend + .control-group
+  margin-top: $baseLineHeight
+  -webkit-margin-top-collapse: separate
+
+// Horizontal-specific styles
+// --------------------------
+
+.form-horizontal
+  // Increase spacing between groups
+  .control-group
+    margin-bottom: $baseLineHeight
+    +clearfix
+  // Float the labels left
+  .control-group > label
+    float: left
+    width: 140px
+    padding-top: 5px
+    text-align: right
+  // Move over all input controls and content
+  .controls
+    margin-left: 160px
+  // Move over buttons in .form-actions to align with .controls
+  .form-actions
+    padding-left: 160px

data/stylesheets/sass_twitter_bootstrap/_grid.sass

@@ -0,0 +1,8 @@
+// GRID SYSTEM
+// -----------
+
+// Fixed (940px)
++gridSystem-generate($gridColumns, $gridColumnWidth, $gridGutterWidth)
+
+// Fluid (940px)
++fluidGridSystem-generate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth)

data/stylesheets/sass_twitter_bootstrap/_hero-unit.sass

@@ -0,0 +1,17 @@
+// HERO UNIT
+// ---------
+
+.hero-unit
+  padding: 60px
+  margin-bottom: 30px
+  background-color: #f5f5f5
+  +border-radius(6px)
+  h1
+    margin-bottom: 0
+    font-size: 60px
+    line-height: 1
+    letter-spacing: -1px
+  p
+    font-size: 18px
+    font-weight: 200
+    line-height: $baseLineHeight * 1.5

data/stylesheets/sass_twitter_bootstrap/_labels.sass

@@ -0,0 +1,42 @@
+// LABELS
+// ------
+
+// Base
+.label
+  padding: 2px 4px 3px
+  font-size: $baseFontSize * 0.85
+  font-weight: bold
+  color: $white
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
+  background-color: $grayLight
+  +border-radius(3px)
+
+// Hover state
+.label:hover
+  color: $white
+  text-decoration: none
+
+// Colors
+.label-important
+  background-color: $errorText
+
+.label-important:hover
+  background-color: darken($errorText, 10%)
+
+.label-warning
+  background-color: $orange
+
+.label-warning:hover
+  background-color: darken($orange, 10%)
+
+.label-success
+  background-color: $successText
+
+.label-success:hover
+  background-color: darken($successText, 10%)
+
+.label-info
+  background-color: $infoText
+
+.label-info:hover
+  background-color: darken($infoText, 10%)

data/stylesheets/sass_twitter_bootstrap/_layouts.sass

@@ -0,0 +1,14 @@
+//
+// Layouts
+// Fixed-width and fluid (with sidebar) layouts
+// --------------------------------------------
+
+// Container (centered, fixed-width layouts)
+.container
+  +container-fixed
+
+// Fluid layouts (left aligned, with sidebar, min- & max-width content)
+.container-fluid
+  padding-left: $gridGutterWidth
+  padding-right: $gridGutterWidth
+  +clearfix