bootstrapped-rails 2.0.7.1 → 2.0.7.2

data/vendor/assets/stylesheets/bootstrapped-sass/_grid.scss

@@ -0,0 +1,8 @@
+// GRID SYSTEM
+// -----------
+
+// Fixed (940px)
+@include gridSystemGenerate($gridColumns, $gridColumnWidth, $gridGutterWidth);
+
+// Fluid (940px)
+@include fluidGridSystemGenerate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth);

data/vendor/assets/stylesheets/{bootstrapped/hero-unit.scss → bootstrapped-sass/_hero-unit.scss}

@@ -17,4 +17,4 @@
     font-weight: 200;
     line-height: $baseLineHeight * 1.5;
   }
-}
+}

data/vendor/assets/stylesheets/bootstrapped-sass/_labels.scss

@@ -0,0 +1,32 @@
+// LABELS
+// ------
+
+// Base
+.label {
+  padding: 2px 4px 3px;
+  font-size: $baseFontSize * .85;
+  font-weight: bold;
+  color: $white;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+  background-color: $grayLight;
+  @include 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/vendor/assets/stylesheets/{bootstrapped/mixins.scss → bootstrapped-sass/_mixins.scss}

@@ -20,12 +20,13 @@
     clear: both;
   }
 }
+.clearfix { @include clearfix(); }
 
 // Webkit-style focus
 // ------------------
 @mixin tab-focus() {
   // Default
-  outline: thin dotted;
+  outline: thin dotted #333;
   // Webkit
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
@@ -89,47 +90,46 @@
   }
 }
 
+// Text overflow
+// ------------------------
+@mixin text-overflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 
 // FONTS
 // --------------------------------------------------
-
 @mixin font-family-serif() {
   font-family: Georgia, "Times New Roman", Times, serif;
 }
-
 @mixin font-family-sans-serif() {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
-
 @mixin font-family-monospace() {
   font-family: Menlo, Monaco, "Courier New", monospace;
 }
-
 @mixin font-shorthand($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
   font-size: $size;
   font-weight: $weight;
   line-height: $lineHeight;
 }
-
 @mixin font-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
-  @include font-family-serif;
+  @include font-family-serif();
   @include font-shorthand($size, $weight, $lineHeight);
 }
-
 @mixin font-sans-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
-  @include font-family-sans-serif;
+  @include font-family-sans-serif();
   @include font-shorthand($size, $weight, $lineHeight);
 }
-
 @mixin font-monospace($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
-  @include font-family-monospace;
+  @include font-family-monospace();
   @include font-shorthand($size, $weight, $lineHeight);
 }
 
 
 
-
 // GRID SYSTEM
 // --------------------------------------------------
 
@@ -146,21 +146,18 @@
 // -------------------------
 
 // Setup the mixins to be used
-@mixin grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
+@mixin gridSystemColumns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
   width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
 }
-
-@mixin grid-system-offset($gridColumnWidth, $gridGutterWidth, $columns) {
+@mixin gridSystemOffset($gridColumnWidth, $gridGutterWidth, $columns) {
   margin-left: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)) + ($gridGutterWidth * 2);
 }
-
-@mixin grid-system-grid-column($gridGutterWidth) {
+@mixin gridSystemGridColumn($gridGutterWidth) {
   float: left;
   margin-left: $gridGutterWidth;
 }
-
 // Take these values and mixins, and make 'em do their thang
-@mixin grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
+@mixin gridSystemGenerate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
   // Row surrounds the columns
   .row {
     margin-left: $gridGutterWidth * -1;
@@ -168,33 +165,31 @@
   }
   // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
   [class*="span"] {
-    @include grid-system-grid-column($gridGutterWidth);
+    @include gridSystemGridColumn($gridGutterWidth);
   }
   // Default columns
-  @for $i from 1 through 12 {
-    .span#{$i} { @include grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i); }
+  @for $i from 1 through $gridColumns {
+    .span#{$i} { @include gridSystemColumns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i) }
   }
-  .container { @include grid-system-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, 12); }
+  .container { @include gridSystemColumns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $gridColumns) }
+
   // Offset column options
-  @for $i from 1 through 11 {
-    .offset#{$i} { @include grid-system-offset($gridColumnWidth, $gridGutterWidth, $i); }
+  @for $i from 1 through $gridColumns - 1 {
+    .offset#{$i} { @include gridSystemOffset($gridColumnWidth, $gridGutterWidth, $i) }
   }
 }
 
 // Fluid grid system
 // -------------------------
-
-// Setup the mixins to be used
-@mixin fluid-grid-system-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $columns) {
-  //TODO: check floid
+@mixin fluidGridSystemColumns($fluidGridGutterWidth, $fluidGridColumnWidth, $columns) {
   width: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1));
-}
-@mixin fluid-grid-system-grid-column($fluidGridGutterWidth) {
+} 
+@mixin fluidGridSystemGridColumn($fluidGridGutterWidth) {
   float: left;
   margin-left: $fluidGridGutterWidth;
 }
 // Take these values and mixins, and make 'em do their thang
-@mixin fluid-grid-system-generate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth) {
+@mixin fluidGridSystemGenerate($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth) {      
   // Row surrounds the columns
   .row-fluid {
     width: 100%;
@@ -202,35 +197,70 @@
 
     // Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
     > [class*="span"] {
-      @include fluid-grid-system-grid-column($fluidGridGutterWidth);
+      @include fluidGridSystemGridColumn($fluidGridGutterWidth);
     }
     > [class*="span"]:first-child {
       margin-left: 0;
     }
     // Default columns
-    @for $i from 1 through 12 {
-      .span#{$i} { @include fluid-grid-system-columns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
+    @for $i from 1 through $gridColumns {
+      > .span#{$i} { @include fluidGridSystemColumns($fluidGridGutterWidth, $fluidGridColumnWidth, $i); }
     }
   }
 }
 
-
-
 // Input grid system
 // -------------------------
-@mixin input-grid-system-input-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
+@mixin inputGridSystemInputColumns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $columns) {
   width: (($gridColumnWidth) * $columns) + ($gridGutterWidth * ($columns - 1)) - 10;
 }
-@mixin input-grid-system-generate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
-  input,
-  textarea,
-  .uneditable-input {
-    @for $i from 1 through 12 {
-      &.span#{$i} { @include input-grid-system-input-columns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i); }
+@mixin inputGridSystemGenerate($gridColumns, $gridColumnWidth, $gridGutterWidth) {
+  input, textarea, .uneditable-input {
+    @for $i from 1 through $gridColumns {
+      &.span#{$i} { @include inputGridSystemInputColumns($gridGutterWidth, $gridColumnWidth, $gridRowWidth, $i); }
     }
   }
 }
 
+// Make a grid
+// -------------------------
+// Use makeRow() and makeColumn() to assign semantic layouts grid system behaviour
+@mixin makeRow() {
+  margin-left: $gridGutterWidth * -1;
+  @include clearfix();
+}
+@mixin makeColumn($columns: 1) {
+  float: left;
+  margin-left: $gridGutterWidth;
+  width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
+}
+
+
+// Form field states (used in forms.less)
+// --------------------------------------------------
+
+// Mixin for form field states
+@mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
+  // Set the text color
+  > label, .help-block, .help-inline {
+    color: $textColor;
+  }
+  // Style inputs accordingly
+  input, select, textarea {
+    color: $textColor;
+    border-color: $borderColor;
+    &:focus {
+      border-color: darken($borderColor, 10%);
+      @include box-shadow(0 0 6px lighten($borderColor, 20%));
+    }
+  }
+  // Give a small background color for input-prepend/-append
+  .input-prepend .add-on, .input-append .add-on {
+    color: $textColor;
+    background-color: $backgroundColor;
+    border-color: $textColor;
+  }
+}
 
 
 // CSS3 PROPERTIES
@@ -281,6 +311,7 @@
        -o-transform: translate($x, $y);
           transform: translate($x, $y);
 }
+
 @mixin skew($x: 0, $y: 0) {
   -webkit-transform: skew($x, $y);
      -moz-transform: skew($x, $y);
@@ -289,6 +320,14 @@
           transform: skew($x, $y);
 }
 
+@mixin translate3d($x: 0, $y: 0, $z: 0) {
+  -webkit-transform: translate($x, $y, $z);
+     -moz-transform: translate($x, $y, $z);
+      -ms-transform: translate($x, $y, $z);
+       -o-transform: translate($x, $y, $z);
+          transform: translate($x, $y, $z);
+}
+
 // Background clipping
 // Heads up: FF 3.6 and under need "padding" instead of "padding-box"
 @mixin background-clip($clip) {
@@ -339,9 +378,9 @@
 }
 
 // Opacity
-@mixin opacity($opacity: 100) {
-  opacity: $opacity / 100;
-   filter: alpha(opacity=#{$opacity});
+@mixin opacity($opacity: 1) {
+  opacity: $opacity;
+   filter: alpha(opacity=$opacity * 100);
 }
 
 
@@ -358,6 +397,13 @@
   @include background-clip(padding-box);
 }
 
+// Gradient Bar Colors for buttons and alerts
+@mixin gradientBar($primaryColor, $secondaryColor) {
+  @include gradient-vertical($primaryColor, $secondaryColor);
+  border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%);
+  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+}
+
 // Gradients
 @mixin gradient-horizontal($startColor: #555, $endColor: #333) {
   background-color: $endColor;
@@ -368,9 +414,7 @@
   background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
   background-image: linear-gradient(left, $startColor, $endColor); // Le standard
   background-repeat: repeat-x;
-  $ieStartColor: ie_hex_str($startColor);
-  $ieEndColor: ie_hex_str($endColor);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=1); // IE9 and down
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); // IE9 and down
 }
 @mixin gradient-vertical($startColor: #555, $endColor: #333) {
   background-color: mix($startColor, $endColor, 60%);
@@ -381,9 +425,7 @@
   background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
   background-image: linear-gradient(top, $startColor, $endColor); // The standard
   background-repeat: repeat-x;
-  $ieStartColor: ie_hex_str($startColor);
-  $ieEndColor: ie_hex_str($endColor);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=0); // IE9 and down
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down
 }
 @mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) {
   background-color: $endColor;
@@ -403,9 +445,7 @@
   background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
   background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
   background-repeat: no-repeat;
-  $ieStartColor: ie_hex_str($startColor);
-  $ieEndColor: ie_hex_str($endColor);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$ieStartColor}', endColorstr='#{$ieEndColor}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
 }
 @mixin gradient-radial($innerColor: #555, $outerColor: #333)  {
   background-color: $outerColor;
@@ -418,22 +458,13 @@
 }
 @mixin gradient-striped($color, $angle: -45deg) {
   background-color: $color;
-  $transparent: rgba(0,0,0,0); // Workaround compass transparent color-stop bug https://github.com/chriseppstein/compass/issues/356
   background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
-  background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
-  background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
-  background-image: -ms-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
-  background-image: -o-linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
-  background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, $transparent 25%, $transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, $transparent 75%, $transparent);
-}
-
-// Gradient Bar Colors for buttons and alerts
-@mixin gradient-bar($primaryColor, $secondaryColor) {
-  @include gradient-vertical($primaryColor, $secondaryColor);
-  border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%);
-  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
+  background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  background-image: -ms-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0) 75%, rgba(255,255,255,0));
 }
-
 // Reset filters for IE
 @mixin reset-filter() {
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
@@ -442,34 +473,22 @@
 
 // Mixin for generating button backgrounds
 // ---------------------------------------
-@mixin button-background($startColor, $endColor) {
+@mixin buttonBackground($startColor, $endColor) {
   // gradientBar will set the background to a pleasing blend of these, to support IE<=9
-  @include gradient-bar($startColor, $endColor);
+  @include gradientBar($startColor, $endColor);
   @include reset-filter();
 
   // in these cases the gradient won't cover the background, so we override
   &:hover, &:active, &.active, &.disabled, &[disabled] {
-    @include button_background2($endColor, 6.2%);
+    background-color: $endColor;
   }
 
   // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
-  &:active,
-  &.active {
+  &:active, &.active {
     background-color: darken($endColor, 10%) \9;
   }
 }
-@mixin button_background2($color, $percentage) {
-  background-color: darken($color, $percentage);
-  background-image: -khtml-gradient(linear, left top, right top, from($color), to(darken($color, $percentage))); // Konqueror
-  background-image: -moz-linear-gradient(left, $color, darken($color, $percentage)); // FF 3.6+
-  background-image: -ms-linear-gradient(left, $color, darken($color, $percentage)); // IE10
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $color), color-stop(100%, darken($color, $percentage))); // Safari 4+, Chrome 2+
-  background-image: -webkit-linear-gradient(left, $color, darken($color, $percentage)); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient(left, $color, darken($color, $percentage)); // Opera 11.10
-  background-image: linear-gradient(left, $color, darken($color, $percentage)); // Le standard
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color}', endColorstr='#{darken($color, $percentage)}', GradientType=1); // IE9 and down
 
-}
 
 // COMPONENT MIXINS
 // --------------------------------------------------
@@ -477,7 +496,7 @@
 // POPOVER ARROWS
 // -------------------------
 // For tipsies and popovers
-@mixin popover-arrow-top($arrowWidth: 5px) {
+@mixin popoverArrowTop($arrowWidth: 5px) {
   bottom: 0;
   left: 50%;
   margin-left: -$arrowWidth;
@@ -485,7 +504,7 @@
   border-right: $arrowWidth solid transparent;
   border-top: $arrowWidth solid $black;
 }
-@mixin popover-arrow-left($arrowWidth: 5px) {
+@mixin popoverArrowLeft($arrowWidth: 5px) {
   top: 50%;
   right: 0;
   margin-top: -$arrowWidth;
@@ -493,7 +512,7 @@
   border-bottom: $arrowWidth solid transparent;
   border-left: $arrowWidth solid $black;
 }
-@mixin popover-arrow-bottom($arrowWidth: 5px) {
+@mixin popoverArrowBottom($arrowWidth: 5px) {
   top: 0;
   left: 50%;
   margin-left: -$arrowWidth;
@@ -501,7 +520,7 @@
   border-right: $arrowWidth solid transparent;
   border-bottom: $arrowWidth solid $black;
 }
-@mixin popover-arrow-right($arrowWidth: 5px) {
+@mixin popoverArrowRight($arrowWidth: 5px) {
   top: 50%;
   left: 0;
   margin-top: -$arrowWidth;