compass_twitter_bootstrap 2.0.3 → 2.2.2

data/stylesheets_sass/compass_twitter_bootstrap/_carousel.sass

@@ -1,5 +1,6 @@
-// CAROUSEL
-// --------
+//
+// Carousel
+// --------------------------------------------------
 
 .carousel
   position: relative
@@ -11,36 +12,36 @@
   width: 100%
   position: relative
 
-.carousel
-  .item
+.carousel-inner
+  > .item
     display: none
     position: relative
-    +bootstrap-transition(0.6s ease-in-out left)
+    +ctb-transition(0.6s ease-in-out left)
   // Account for jankitude on images
-  .item > img
+  > .item > img
     display: block
     line-height: 1
-  .active,
-  .next,
-  .prev
+  > .active,
+  > .next,
+  > .prev
     display: block
-  .active
+  > .active
     left: 0
-  .next,
-  .prev
+  > .next,
+  > .prev
     position: absolute
     top: 0
     width: 100%
-  .next
+  > .next
     left: 100%
-  .prev
+  > .prev
     left: -100%
-  .next.left,
-  .prev.right
+  > .next.left,
+  > .prev.right
     left: 0
-  .active.left
+  > .active.left
     left: -100%
-  .active.right
+  > .active.right
     left: 100%
 
 // Left/right controls for nav
@@ -60,14 +61,14 @@
   text-align: center
   background: $grayDarker
   border: 3px solid $white
-  +bootstrap-border-radius(23px)
-  +bootstrap-opacity(50)
+  +ctb-border-radius(23px)
+  +ctb-opacity(50)
   // we can't have this transition here
   // because webkit cancels the carousel
   // animation if you trip this while
   // in the middle of another animation
   // ;_;
-  // @include bootstrap-transition(opacity .2s linear);
+  // @include ctb-transition(opacity .2s linear);
   // Reposition the right one
   &.right
     left: auto
@@ -76,7 +77,7 @@
   &:hover
     color: $white
     text-decoration: none
-    +bootstrap-opacity(90)
+    +ctb-opacity(90)
 
 // Caption for text below images
 // -----------------------------
@@ -86,10 +87,17 @@
   left: 0
   right: 0
   bottom: 0
-  padding: 10px 15px 5px
+  padding: 15px
   background: $grayDark
   background: rgba(0, 0, 0, 0.75)
 
 .carousel-caption h4,
 .carousel-caption p
   color: $white
+  line-height: $baseLineHeight
+
+.carousel-caption h4
+  margin: 0 0 5px
+
+.carousel-caption p
+  margin-bottom: 0

data/stylesheets_sass/compass_twitter_bootstrap/_close.sass

@@ -1,5 +1,6 @@
-// CLOSE ICONS
-// -----------
+//
+// Close icons
+// --------------------------------------------------
 
 .close
   float: right
@@ -8,12 +9,12 @@
   line-height: $baseLineHeight
   color: $black
   text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
-  +bootstrap-opacity(20)
+  +ctb-opacity(20)
   &:hover
     color: $black
     text-decoration: none
     cursor: pointer
-    +bootstrap-opacity(40)
+    +ctb-opacity(40)
 
 // Additional properties for button version
 // iOS requires the button element instead of an anchor tag.

data/stylesheets_sass/compass_twitter_bootstrap/_code.sass

@@ -1,16 +1,16 @@
-// Code.less
-// Code typography styles for the <code> and <pre> elements
-// --------------------------------------------------------
+//
+// Code (inline and blocK)
+// --------------------------------------------------
 
 // Inline and block code styles
 
 code,
 pre
   padding: 0 3px 2px
-  +bootstrap-font-family-monospace
-  font-size: $baseFontSize - 1
+  +ctb-font-family-monospace
+  font-size: $baseFontSize - 2
   color: $grayDark
-  +bootstrap-border-radius(3px)
+  +ctb-border-radius(3px)
 
 // Inline code
 code
@@ -18,14 +18,15 @@ code
   color: #d14
   background-color: #f7f7f9
   border: 1px solid #e1e1e8
+  white-space: nowrap
 
 // Blocks of code
 pre
   display: block
   padding: ($baseLineHeight - 1) / 2
   margin: 0 0 $baseLineHeight / 2
-  font-size: $baseFontSize * 0.925
-  // 13px to 12px
+  font-size: $baseFontSize - 1
+  // 14px to 13px
   line-height: $baseLineHeight
   word-break: break-all
   word-wrap: break-word
@@ -35,7 +36,7 @@ pre
   border: 1px solid #ccc
   // fallback for IE7-8
   border: 1px solid rgba(0, 0, 0, 0.15)
-  +bootstrap-border-radius(4px)
+  +ctb-border-radius($baseBorderRadius)
   // Make prettyprint styles more spaced out for readability
   &.prettyprint
     margin-bottom: $baseLineHeight
@@ -43,6 +44,8 @@ pre
   code
     padding: 0
     color: inherit
+    white-space: pre
+    white-space: pre-wrap
     background-color: transparent
     border: 0
 

data/stylesheets_sass/compass_twitter_bootstrap/_component-animations.sass

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

data/stylesheets_sass/compass_twitter_bootstrap/_dropdowns.sass

@@ -1,5 +1,6 @@
-// DROPDOWN MENUS
-// --------------
+//
+// Dropdown menus
+// --------------------------------------------------
 
 // Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
 
@@ -26,17 +27,12 @@
   border-right: 4px solid transparent
   border-left: 4px solid transparent
   content: ""
-  +bootstrap-opacity(30)
 
 // Place the caret
 .dropdown .caret
   margin-top: 8px
   margin-left: 2px
 
-.dropdown:hover .caret,
-.open .caret
-  +bootstrap-opacity(100)
-
 // The dropdown menu (ul)
 // ----------------------
 .dropdown-menu
@@ -48,17 +44,18 @@
   // none by default, but block on "open" of the menu
   float: left
   min-width: 160px
-  padding: 4px 0
-  margin: 1px 0 0
+  padding: 5px 0
+  margin: 2px 0 0
   // override default ul
   list-style: none
   background-color: $dropdownBackground
   border: 1px solid #ccc
-  border: 1px solid rgba(0, 0, 0, 0.2)
+  // Fallback for IE7-8
+  border: 1px solid $dropdownBorder
   *border-right-width: 2px
   *border-bottom-width: 2px
-  +bootstrap-border-radius(5px)
-  +bootstrap-box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
+  +ctb-border-radius(6px)
+  +ctb-box-shadow(0 5px 10px rgba(0, 0, 0, 0.2))
   -webkit-background-clip: padding-box
   -moz-background-clip: padding
   background-clip: padding-box
@@ -68,11 +65,11 @@
     left: auto
   // Dividers (basically an hr) within the dropdown
   .divider
-    +bootstrap-nav-divider
+    +ctb-nav-divider($dropdownDividerTop, $dropdownDividerBottom)
   // Links within the dropdown menu
-  a
+  li > a
     display: block
-    padding: 3px 15px
+    padding: 3px 20px
     clear: both
     font-weight: normal
     line-height: $baseLineHeight
@@ -83,11 +80,38 @@
 // -----------
 
 .dropdown-menu li > a:hover,
+.dropdown-menu li > a:focus,
+.dropdown-submenu:hover > a
+  text-decoration: none
+  color: $dropdownLinkColorHover
+  +ctb-gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%))
+
+// Active state
+// ------------
+
 .dropdown-menu .active > a,
 .dropdown-menu .active > a:hover
-  color: $dropdownLinkColorHover
+  color: $dropdownLinkColorActive
+  text-decoration: none
+  outline: 0
+  +ctb-gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%))
+
+// Disabled state
+// --------------
+// Gray out text and ensure the hover state remains gray
+
+.dropdown-menu .disabled > a,
+.dropdown-menu .disabled > a:hover
+  color: $grayLight
+
+// Nuke hover effects
+.dropdown-menu .disabled > a:hover
   text-decoration: none
-  background-color: $dropdownLinkBackgroundHover
+  background-color: transparent
+  background-image: none
+  // Remove CSS gradient
+  +ctb-gradient-reset-filter
+  cursor: default
 
 // Open state for the dropdown
 // ---------------------------
@@ -95,12 +119,12 @@
   // 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-menu
+  & > .dropdown-menu
     display: block
 
 // Right aligned dropdowns
 // ---------------------------
-.pull-right .dropdown-menu
+.pull-right > .dropdown-menu
   right: 0
   left: auto
 
@@ -115,16 +139,76 @@
   .caret
     border-top: 0
     border-bottom: 4px solid $black
-    content: "\2191"
+    content: ""
   // Different positioning for bottom up menu
   .dropdown-menu
     top: auto
     bottom: 100%
     margin-bottom: 1px
 
+// Sub menus
+// ---------------------------
+.dropdown-submenu
+  position: relative
+
+// Default dropdowns
+.dropdown-submenu > .dropdown-menu
+  top: 0
+  left: 100%
+  margin-top: -6px
+  margin-left: -1px
+  +ctb-border-radius(0 6px 6px 6px)
+
+.dropdown-submenu:hover > .dropdown-menu
+  display: block
+
+// Dropups
+.dropup .dropdown-submenu > .dropdown-menu
+  top: auto
+  bottom: 0
+  margin-top: 0
+  margin-bottom: -2px
+  +ctb-border-radius(5px 5px 5px 0)
+
+// Caret to indicate there is a submenu
+.dropdown-submenu > a:after
+  display: block
+  content: " "
+  float: right
+  width: 0
+  height: 0
+  border-color: transparent
+  border-style: solid
+  border-width: 5px 0 5px 5px
+  border-left-color: darken($dropdownBackground, 20%)
+  margin-top: 5px
+  margin-right: -10px
+
+.dropdown-submenu:hover > a:after
+  border-left-color: $dropdownLinkColorHover
+
+// Left aligned submenus
+.dropdown-submenu.pull-left
+  // Undo the float
+  // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.
+  float: none
+  // Positioning the submenu
+  > .dropdown-menu
+    left: -100%
+    margin-left: 10px
+    +ctb-border-radius(6px 0 6px 6px)
+
+// Tweak nav headers
+// -----------------
+// Increase padding from 15px to 20px on sides
+.dropdown .dropdown-menu .nav-header
+  padding-left: 20px
+  padding-right: 20px
+
 // Typeahead
 // ---------
 .typeahead
+  z-index: 1051
   margin-top: 2px
   // give it some space to breathe
-  +bootstrap-border-radius(4px)
+  +ctb-border-radius($baseBorderRadius)

data/stylesheets_sass/compass_twitter_bootstrap/_font-awesome.sass

@@ -18,30 +18,13 @@
  *    -------------------------------------------------------
  *    Email: dave@davegandy.com
  *    Twitter: http://twitter.com/fortaweso_me
- *    Work: http://lemonwi.se co-founder
+ *    Work: Lead Product Designer @ http://kyruus.com
 
 @import compass/css3/font-face
 
 $font_path: "fontawesome-webfont" !default
 
-+font-face("FontAwesome", font-files("#{$font_path}.woff", woff, "#{$font_path}.ttf", truetype, "#{$font_path}.otf", opentype, "#{$font_path}.svgz#FontAwesomeRegular", svg, "#{$font_path}.svg#FontAwesomeRegular", svg), "#{$font_path}.eot", normal, normal)
-
-/* sprites.less reset
-
-[class^="icon-"],
-[class*=" icon-"]
-  display: inline
-  width: auto
-  height: auto
-  line-height: inherit
-  vertical-align: baseline
-  background-image: none
-  background-position: 0% 0%
-  background-repeat: repeat
-
-li[class^="icon-"],
-li[class*=" icon-"]
-  display: block
++font-face("FontAwesome", font-files("#{$font_path}.woff", woff, "#{$font_path}.ttf", truetype, "#{$font_path}.svg#FontAwesomeRegular", svg), "#{$font_path}.eot", normal, normal)
 
 /*  Font Awesome styles
  *  -------------------------------------------------------
@@ -61,10 +44,10 @@ a [class*=" icon-"]
 
 /* makes the font 33% larger relative to the icon container
 .icon-large:before
-  vertical-align: top
+  vertical-align: middle
   font-size: 4 / 3em
 
-.btn
+.btn, .nav-tabs
   [class^="icon-"],
   [class*=" icon-"]
     /* keeps button heights with and without icons the same
@@ -76,20 +59,24 @@ li
     display: inline-block
     width: 1.25em
     text-align: center
-  .icon-large[class^="icon-"],
-  .icon-large[class*=" icon-"]
+  .icon-large:before,
+  .icon-large:before
     /* 1.5 increased font size for icon-large * 1.25 width
     width: 1.5 * 1.25em
 
-li[class^="icon-"],
-li[class*=" icon-"]
-  margin-left: 0
+ul.icons
   list-style-type: none
-  &:before
-    text-indent: -2em
-    text-align: center
-  &.icon-large:before
-    text-indent: -4 / 3em
+  margin-left: 2em
+  text-indent: -0.8em
+  li
+    [class^="icon-"],
+    [class*=" icon-"]
+      width: .8em
+    .icon-large:before,
+    .icon-large:before
+      /* 1.5 increased font size for icon-large * 1.25 width
+      vertical-align: initial
+      //      width: 1.5*1.25em;
 
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  *  readers do not read off random characters that represent icons
@@ -513,3 +500,213 @@ li[class*=" icon-"]
 
 .icon-lemon:before
   content: "\f094"
+
+.icon-phone:before
+  content: "\f095"
+
+.icon-check-empty:before
+  content: "\f096"
+
+.icon-bookmark-empty:before
+  content: "\f097"
+
+.icon-phone-sign:before
+  content: "\f098"
+
+.icon-twitter:before
+  content: "\f099"
+
+.icon-facebook:before
+  content: "\f09a"
+
+.icon-github:before
+  content: "\f09b"
+
+.icon-unlock:before
+  content: "\f09c"
+
+.icon-credit-card:before
+  content: "\f09d"
+
+.icon-rss:before
+  content: "\f09e"
+
+.icon-hdd:before
+  content: "\f0a0"
+
+.icon-bullhorn:before
+  content: "\f0a1"
+
+.icon-bell:before
+  content: "\f0a2"
+
+.icon-certificate:before
+  content: "\f0a3"
+
+.icon-hand-right:before
+  content: "\f0a4"
+
+.icon-hand-left:before
+  content: "\f0a5"
+
+.icon-hand-up:before
+  content: "\f0a6"
+
+.icon-hand-down:before
+  content: "\f0a7"
+
+.icon-circle-arrow-left:before
+  content: "\f0a8"
+
+.icon-circle-arrow-right:before
+  content: "\f0a9"
+
+.icon-circle-arrow-up:before
+  content: "\f0aa"
+
+.icon-circle-arrow-down:before
+  content: "\f0ab"
+
+.icon-globe:before
+  content: "\f0ac"
+
+.icon-wrench:before
+  content: "\f0ad"
+
+.icon-tasks:before
+  content: "\f0ae"
+
+.icon-filter:before
+  content: "\f0b0"
+
+.icon-briefcase:before
+  content: "\f0b1"
+
+.icon-fullscreen:before
+  content: "\f0b2"
+
+.icon-group:before
+  content: "\f0c0"
+
+.icon-link:before
+  content: "\f0c1"
+
+.icon-cloud:before
+  content: "\f0c2"
+
+.icon-beaker:before
+  content: "\f0c3"
+
+.icon-cut:before
+  content: "\f0c4"
+
+.icon-copy:before
+  content: "\f0c5"
+
+.icon-paper-clip:before
+  content: "\f0c6"
+
+.icon-save:before
+  content: "\f0c7"
+
+.icon-sign-blank:before
+  content: "\f0c8"
+
+.icon-reorder:before
+  content: "\f0c9"
+
+.icon-list-ul:before
+  content: "\f0ca"
+
+.icon-list-ol:before
+  content: "\f0cb"
+
+.icon-strikethrough:before
+  content: "\f0cc"
+
+.icon-underline:before
+  content: "\f0cd"
+
+.icon-table:before
+  content: "\f0ce"
+
+.icon-magic:before
+  content: "\f0d0"
+
+.icon-truck:before
+  content: "\f0d1"
+
+.icon-pinterest:before
+  content: "\f0d2"
+
+.icon-pinterest-sign:before
+  content: "\f0d3"
+
+.icon-google-plus-sign:before
+  content: "\f0d4"
+
+.icon-google-plus:before
+  content: "\f0d5"
+
+.icon-money:before
+  content: "\f0d6"
+
+.icon-caret-down:before
+  content: "\f0d7"
+
+.icon-caret-up:before
+  content: "\f0d8"
+
+.icon-caret-left:before
+  content: "\f0d9"
+
+.icon-caret-right:before
+  content: "\f0da"
+
+.icon-columns:before
+  content: "\f0db"
+
+.icon-sort:before
+  content: "\f0dc"
+
+.icon-sort-down:before
+  content: "\f0dd"
+
+.icon-sort-up:before
+  content: "\f0de"
+
+.icon-envelope-alt:before
+  content: "\f0e0"
+
+.icon-linkedin:before
+  content: "\f0e1"
+
+.icon-undo:before
+  content: "\f0e2"
+
+.icon-legal:before
+  content: "\f0e3"
+
+.icon-dashboard:before
+  content: "\f0e4"
+
+.icon-comment-alt:before
+  content: "\f0e5"
+
+.icon-comments-alt:before
+  content: "\f0e6"
+
+.icon-bolt:before
+  content: "\f0e7"
+
+.icon-sitemap:before
+  content: "\f0e8"
+
+.icon-umbrella:before
+  content: "\f0e9"
+
+.icon-paste:before
+  content: "\f0ea"
+
+.icon-user-md:before
+  content: "\f200"