compass_twitter_bootstrap 0.1.8 → 2.0.0

data/stylesheets_sass/compass_twitter_bootstrap/_pager.sass

@@ -0,0 +1,29 @@
+// PAGER
+// -----
+
+.pager
+  margin-left: 0
+  margin-bottom: $baseLineHeight
+  list-style: none
+  text-align: center
+  +clearfix
+
+.pager li
+  display: inline
+
+.pager a
+  display: inline-block
+  padding: 5px 14px
+  background-color: #fff
+  border: 1px solid #ddd
+  +border-radius(15px)
+
+.pager a:hover
+  text-decoration: none
+  background-color: #f5f5f5
+
+.pager .next a
+  float: right
+
+.pager .previous a
+  float: left

data/stylesheets_sass/compass_twitter_bootstrap/_pagination.sass

@@ -0,0 +1,53 @@
+// PAGINATION
+// ----------
+
+.pagination
+  height: $baseLineHeight * 2
+  margin: $baseLineHeight 0
+
+.pagination ul
+  display: inline-block
+  +ie7-inline-block
+  margin-left: 0
+  margin-bottom: 0
+  +border-radius(3px)
+  +box-shadow(0 1px 2px rgba(0, 0, 0, 0.05))
+
+.pagination li
+  display: inline
+
+.pagination a
+  float: left
+  padding: 0 14px
+  line-height: $baseLineHeight * 2 - 2
+  text-decoration: none
+  border: 1px solid #ddd
+  border-left-width: 0
+
+.pagination a:hover,
+.pagination .active a
+  background-color: #f5f5f5
+
+.pagination .active a
+  color: $grayLight
+  cursor: default
+
+.pagination .disabled a,
+.pagination .disabled a:hover
+  color: $grayLight
+  background-color: transparent
+  cursor: default
+
+.pagination li:first-child a
+  border-left-width: 1px
+  +border-radius(3px 0 0 3px)
+
+.pagination li:last-child a
+  +border-radius(0 3px 3px 0)
+
+// Centered
+.pagination-centered
+  text-align: center
+
+.pagination-right
+  text-align: right

data/stylesheets_sass/compass_twitter_bootstrap/_popovers.sass

@@ -0,0 +1,55 @@
+// POPOVERS
+// --------
+
+.popover
+  position: absolute
+  top: 0
+  left: 0
+  z-index: $zindexPopover
+  display: none
+  padding: 5px
+  &.top
+    margin-top: -5px
+  &.right
+    margin-left: 5px
+  &.bottom
+    margin-top: 5px
+  &.left
+    margin-left: -5px
+  &.top .arrow
+    +popoverArrow-top
+  &.right .arrow
+    +popoverArrow-right
+  &.bottom .arrow
+    +popoverArrow-bottom
+  &.left .arrow
+    +popoverArrow-left
+  .arrow
+    position: absolute
+    width: 0
+    height: 0
+
+.popover-inner
+  padding: 3px
+  width: 280px
+  overflow: hidden
+  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))
+
+.popover-title
+  padding: 9px 15px
+  line-height: 1
+  background-color: #f5f5f5
+  border-bottom: 1px solid #eee
+  +border-radius(3px 3px 0 0)
+
+.popover-content
+  padding: 14px
+  background-color: $white
+  +border-radius(0 0 3px 3px)
+  +background-clip(padding-box)
+  p, ul, ol
+    margin-bottom: 0

data/stylesheets_sass/compass_twitter_bootstrap/_progress-bars.sass

@@ -0,0 +1,89 @@
+// PROGRESS BARS
+// -------------
+
+// ANIMATIONS
+// ----------
+
+// Webkit
+@-webkit-keyframes progress-bar-stripes
+  from
+    background-position: 0 0
+  to
+    background-position: 40px 0
+
+
+// Firefox
+@-moz-keyframes progress-bar-stripes
+  from
+    background-position: 0 0
+  to
+    background-position: 40px 0
+
+
+// Spec
+@keyframes progress-bar-stripes
+  from
+    background-position: 0 0
+  to
+    background-position: 40px 0
+
+
+// THE BARS
+// --------
+
+// Outer container
+.progress
+  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)
+
+// Bar of progress
+.progress .bar
+  width: 0%
+  height: 18px
+  color: $white
+  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)
+
+// Striped bars
+.progress-striped .bar
+  +gradient-striped(#62c462)
+  +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
+  animation: progress-bar-stripes 2s linear infinite
+
+// COLORS
+// ------
+
+// Danger (red)
+.progress-danger .bar
+  +gradient-vertical(#ee5f5b, #c43c35)
+
+.progress-danger.progress-striped .bar
+  +gradient-striped(#ee5f5b)
+
+// Success (green)
+.progress-success .bar
+  +gradient-vertical(#62c462, #57a957)
+
+.progress-success.progress-striped .bar
+  +gradient-striped(#62c462)
+
+// Info (teal)
+.progress-info .bar
+  +gradient-vertical(#5bc0de, #339bb9)
+
+.progress-info.progress-striped .bar
+  +gradient-striped(#5bc0de)

data/stylesheets_sass/compass_twitter_bootstrap/_reset.sass

@@ -1,60 +1,9 @@
-/* Reset.less
- * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
- * -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-
-// ERIC MEYER RESET
-// --------------------------------------------------
-
-html, body
-  margin: 0
-  padding: 0
-
-h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td
-  margin: 0
-  padding: 0
-  border: 0
-  font-weight: normal
-  font-style: normal
-  font-size: 100%
-  line-height: 1
-  font-family: inherit
-
-table
-  border-collapse: collapse
-  border-spacing: 0
-
-ol, ul
-  list-style: none
-
-q:before, q:after, blockquote:before, blockquote:after
-  content: ""
-
-// Normalize.css
-// Pulling in select resets form the normalize.css project
-// --------------------------------------------------
-
-// Display in IE6-9 and FF3
-// -------------------------
-// Source: http://github.com/necolas/normalize.css
-html
-  overflow-y: scroll
-  font-size: 100%
-  -webkit-text-size-adjust: 100%
-  -ms-text-size-adjust: 100%
-
-// Focus states
-a:focus
-  outline: thin dotted
-
-// Hover & Active
-
-a:hover,
-a:active
-  outline: 0
+// Reset.less
+// Adapted from Normalize.css http://github.com/necolas/normalize.css
+// ------------------------------------------------------------------------
 
 // Display in IE6-9 and FF3
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
 
 article,
 aside,
@@ -70,7 +19,6 @@ section
 
 // Display block in IE6-9 and FF3
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
 
 audio,
 canvas,
@@ -81,19 +29,36 @@ video
 
 // Prevents modern browsers from displaying 'audio' without controls
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
+
 audio:not([controls])
   display: none
 
+// Base settings
+// -------------------------
+
+html
+  font-size: 100%
+  -webkit-text-size-adjust: 100%
+  -ms-text-size-adjust: 100%
+
+// Focus states
+a:focus
+  +tab-focus
+
+// Hover & Active
+
+a:hover,
+a:active
+  outline: 0
+
 // Prevents sub and sup affecting line-height in all browsers
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
 
 sub,
 sup
+  position: relative
   font-size: 75%
   line-height: 0
-  position: relative
   vertical-align: baseline
 
 sup
@@ -104,14 +69,15 @@ sub
 
 // Img border in a's and image quality
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
+
 img
+  max-width: 100%
+  height: auto
   border: 0
   -ms-interpolation-mode: bicubic
 
 // Forms
 // -------------------------
-// Source: http://github.com/necolas/normalize.css
 
 // Font size in all browsers, margin changes, misc consistency
 
@@ -119,23 +85,22 @@ button,
 input,
 select,
 textarea
-  font-size: 100%
   margin: 0
-  vertical-align: baseline
-  *vertical-align: middle
+  font-size: 100%
+  vertical-align: middle
 
 button,
 input
-  line-height: normal
-  // FF3/4 have !important on line-height in UA stylesheet
   *overflow: visible
   // Inner spacing ie IE6/7
+  line-height: normal
+  // FF3/4 have !important on line-height in UA stylesheet
 
 button::-moz-focus-inner,
 input::-moz-focus-inner
   // Inner padding and border oddities in FF3/4
-  border: 0
   padding: 0
+  border: 0
 
 button,
 input[type="button"],
@@ -153,7 +118,8 @@ input[type="search"]
   -moz-box-sizing: content-box
   box-sizing: content-box
 
-input[type="search"]::-webkit-search-decoration
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button
   -webkit-appearance: none
   // Inner-padding issues in Chrome OSX, Safari 5
 

data/stylesheets_sass/compass_twitter_bootstrap/_scaffolding.sass

@@ -1,187 +1,25 @@
-/*
- * Scaffolding
- * Basic and global styles for generating a grid system, structural layout, and page templates
- * -------------------------------------------------------------------------------------------
+// Scaffolding
+// Basic and global styles for generating a grid system, structural layout, and page templates
+// -------------------------------------------------------------------------------------------
 
 // STRUCTURAL LAYOUT
 // -----------------
 
 body
-  background-color: $white
   margin: 0
-  +sans-serif(normal, $basefont, $baseline)
-  color: $grayDark
-
-// Container (centered, fixed-width layouts)
-.container
-  +fixed-container
-
-// Fluid layouts (left aligned, with sidebar, min- & max-width content)
-.container-fluid
-  position: relative
-  min-width: 940px
-  padding-left: 20px
-  padding-right: 20px
-  +clearfix
-  > .sidebar
-    position: absolute
-    top: 0
-    left: 20px
-    width: 220px
-  // TODO in v2: rename this and .popover .content to be more specific
-  > .content
-    margin-left: 240px
+  font-family: $baseFontFamily
+  font-size: $baseFontSize
+  line-height: $baseLineHeight
+  color: $textColor
+  background-color: $white
 
-// BASE STYLES
-// -----------
+// LINKS
+// -----
 
-// Links
 a
   color: $linkColor
   text-decoration: none
-  line-height: inherit
-  font-weight: inherit
-  &:hover
-    color: $linkColorHover
-    text-decoration: underline
-
-// Quick floats
-.pull-right
-  float: right
-
-.pull-left
-  float: left
-
-// Toggling content
-.hide
-  display: none
-
-.show
-  display: block
-
-// GRID SYSTEM
-// -----------
-// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
-
-.row
-  +clearfix
-  margin-left: -$gridGutterWidth
-
-// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
-// Credit to $dhg for the idea
-.row > [class*="span"]
-  +gridColumn
-
-// Default columns
-.span1
-  +columns(1)
-
-.span2
-  +columns(2)
-
-.span3
-  +columns(3)
-
-.span4
-  +columns(4)
-
-.span5
-  +columns(5)
-
-.span6
-  +columns(6)
-
-.span7
-  +columns(7)
-
-.span8
-  +columns(8)
-
-.span9
-  +columns(9)
-
-.span10
-  +columns(10)
-
-.span11
-  +columns(11)
-
-.span12
-  +columns(12)
-
-.span13
-  +columns(13)
-
-.span14
-  +columns(14)
-
-.span15
-  +columns(15)
-
-.span16
-  +columns(16)
-
-// For optional 24-column grid
-.span17
-  +columns(17)
-
-.span18
-  +columns(18)
-
-.span19
-  +columns(19)
-
-.span20
-  +columns(20)
-
-.span21
-  +columns(21)
-
-.span22
-  +columns(22)
-
-.span23
-  +columns(23)
-
-.span24
-  +columns(24)
-
-// Offset column options
-.row
-  > .offset1
-    +offset(1)
-  > .offset2
-    +offset(2)
-  > .offset3
-    +offset(3)
-  > .offset4
-    +offset(4)
-  > .offset5
-    +offset(5)
-  > .offset6
-    +offset(6)
-  > .offset7
-    +offset(7)
-  > .offset8
-    +offset(8)
-  > .offset9
-    +offset(9)
-  > .offset10
-    +offset(10)
-  > .offset11
-    +offset(11)
-  > .offset12
-    +offset(12)
-
-// Unique column sizes for 16-column grid
-.span-one-third
-  width: 300px
-
-.span-two-thirds
-  width: 620px
 
-.row
-  > .offset-one-third
-    margin-left: 340px
-  > .offset-two-thirds
-    margin-left: 660px
+a:hover
+  color: $linkColorHover
+  text-decoration: underline