bootstrapped-rails 1.1.2 → 1.1.3

data/lib/bootstrapped-rails/version.rb

@@ -1,5 +1,5 @@
 module Bootstrapped
   module Rails
-    VERSION = "1.1.2"
+    VERSION = "1.1.3"
   end
 end

data/vendor/assets/stylesheets/bootstrapped/variables.scss

@@ -1,396 +1,99 @@
-// Variables.scss
+// Variables.less
 // Variables to customize the look and feel of Bootstrap
 // -----------------------------------------------------
 
 
-// LINK COLORS
-// -----------
 
-$linkColor:         #08c;
-$linkColorHover:    darken($linkColor, 15);
+// GLOBAL VALUES
+// --------------------------------------------------
 
+// Links
+$linkColor:             #08c;
+$linkColorHover:        darken($linkColor, 15%);
 
-// GRAYS
-// -----
+// Grays
+$black:                 #000;
+$grayDarker:            #222;
+$grayDark:              #333;
+$gray:                  #555;
+$grayLight:             #999;
+$grayLighter:           #eee;
+$white:                 #fff;
 
-$black:             #000;
-$grayDark:          #333;
-$gray:              #555;
-$grayLight:         #999;
-$grayLighter:       #eee;
-$white:             #fff;
-
-
-// ACCENT COLORS
-// -------------
-
-$blue:              #049CDB;
-$blueDark:          #0064CD;
-$green:             #46a546;
-$red:               #9d261d;
-$yellow:            #ffc40d;
-$orange:            #f89406;
-$pink:              #c3325f;
-$purple:            #7a43b6;
-
-// GRID
-// ----
-
-// Modify the grid styles in mixins.less
-$gridColumns:       12;
-$gridColumnWidth:   60px;
-$gridGutterWidth:   20px;
-$siteWidth:         ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
-
-// Fluid width sidebar
-$fluidSidebarWidth: 220px;
-
-
-// Z-INDEX
-// -------
-$zindexDropdown:        1000;
-$zindexFixedNavbar:     1010;
-$zindexModalBackdrop:   1020;
-$zindexModal:           1030;
-$zindexPopover:         1040;
-$zindexTwipsy:          1050;
-
-
-// THEME VARIABLES
-// ---------------
+// Accent colors
+$blue:                  #049cdb;
+$blueDark:              #0064cd;
+$green:                 #46a546;
+$red:                   #9d261d;
+$yellow:                #ffc40d;
+$orange:                #f89406;
+$pink:                  #c3325f;
+$purple:                #7a43b6;
 
 // Typography
 $baseFontSize:          13px;
 $baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
 $baseLineHeight:        18px;
+$textColor:             $grayDark;
 
-// Visuals
-$primaryButtonColor:    $blue;
-// Mixins.scss
-// Snippets of reusable CSS to develop faster and keep code readable
-// -----------------------------------------------------------------
-
-
-// Clearfix for clearing floats like a boss h5bp.com/q
-@mixin clearfix {
-  zoom: 1;
-  &:before,
-  &:after {
-    display: table;
-    *display: inline;
-    content: "";
-    zoom: 1;
-  }
-  &:after {
-    clear: both;
-  }
-}
-
-// Center-align a block level element
-@mixin center-block {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-// IE7 inline-block
-@mixin ie7-inline-block {
-  *display: inline; /* IE7 inline-block hack */
-  *zoom: 1;
-}
-
-// Sizing shortcuts
-@mixin size($height: 5px, $width: 5px) {
-  width: $width;
-  height: $height;
-}
-
-@mixin square($size: 5px) {
-  @include size($size, $size);
-}
+// Buttons
+$primaryButtonBackground:    $linkColor;
 
-// Input placeholder text
-@mixin placeholder($color: $grayLight) {
-  :-moz-placeholder {
-    color: $color;
-  }
-  ::-webkit-input-placeholder {
-    color: $color;
-  }
-}
 
-// Font Stacks
-@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;
-}
+// COMPONENT VARIABLES
+// --------------------------------------------------
 
-@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_shorthand($size, $weight, $lineHeigh);
-}
-
-@mixin font_sans-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) {
-  @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_shorthand($size, $weight, $lineHeight);
-}
-
-// Grid System
-@mixin fixed-container {
-  width: $siteWidth;
-  margin-left: auto;
-  margin-right: auto;
-  @include clearfix;
-}
-
-@mixin columns($columns: 1) {
-  width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1));
-}
-
-@mixin offset($columns: 1) {
-  margin-left: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)) + ($gridGutterWidth * 2);
-}
-
-// Necessary grid styles for every column to make them appear next to each other horizontally
-@mixin gridColumn {
-  float: left;
-  margin-left: $gridGutterWidth;
-}
-
-// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
-@mixin makeColumn($columnSpan: 1) {
-  @include gridColumn;
-  @include columns($columnSpan);
-}
-
-// Border Radius
-@mixin border-radius($radius: 5px) {
-  -webkit-border-radius: $radius;
-     -moz-border-radius: $radius;
-          border-radius: $radius;
-}
-
-@mixin border-radius-custom($topLeft, $topRight, $bottomRight, $bottomLeft) {
-  -webkit-border-top-left-radius: $topLeft;
-      -moz-border-radius-topleft: $topLeft;
-          border-top-left-radius: $topLeft;
-  -webkit-border-top-right-radius: $topRight;
-      -moz-border-radius-topright: $topRight;
-          border-top-right-radius: $topRight;
-  -webkit-border-bottom-right-radius: $bottomRight;
-      -moz-border-radius-bottomright: $bottomRight;
-          border-bottom-right-radius: $bottomRight;
-  -webkit-border-bottom-left-radius: $bottomLeft;
-      -moz-border-radius-bottomleft: $bottomLeft;
-          border-bottom-left-radius: $bottomLeft;
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
-          background-clip: padding-box;
-}
-
-// Drop shadows
-@mixin box-shadow($shadow: 0 1px 3px rgba(0,0,0,.25)) {
-  -webkit-box-shadow: $shadow;
-     -moz-box-shadow: $shadow;
-          box-shadow: $shadow;
-}
-
-// Transitions
-@mixin transition($transition) {
-  -webkit-transition: $transition;
-     -moz-transition: $transition;
-      -ms-transition: $transition;
-       -o-transition: $transition;
-          transition: $transition;
-}
-
-// Transform for scale and rotate
-// translate, rotate, scale -- need to finalize
-@mixin rotate($degrees: 5deg) {
-  -webkit-transform: rotate($degrees);
-     -moz-transform: rotate($degrees);
-      -ms-transform: rotate($degrees);
-       -o-transform: rotate($degrees);
-          transform: rotate($degrees);
-}
-@mixin scale($value: 1.5) {
-  -webkit-transform: scale($value);
-     -moz-transform: scale($value);
-      -ms-transform: scale($value);
-       -o-transform: scale($value);
-          transform: scale($value);
-}
-@mixin translate($x: 0, $y: 0) {
-  -webkit-transform: translate($x, $y);
-     -moz-transform: translate($x, $y);
-      -ms-transform: translate($x, $y);
-       -o-transform: translate($x, $y);
-          transform: translate($x, $y);
-}
-
-// Background clipping
-// Heads up: FF 3.6 and under need padding instead of padding-box
-@mixin background-clip($clip) {
-  -webkit-background-clip: $clip;
-     -moz-background-clip: $clip;
-          background-clip: $clip;
-}
-
-// Resize anything
-@mixin resizable($direction: both) {
-  resize: $direction; // Options: horizontal, vertical, both
-  overflow: auto; // Safari fix
-}
+// 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;
+$zindexPopover:         1010;
+$zindexTooltip:         1020;
+$zindexFixedNavbar:     1030;
+$zindexModalBackdrop:   1040;
+$zindexModal:           1050;
 
-// CSS3 Content Columns
-@mixin content-columns($columnCount, $columnGap: 20px) {
-  -webkit-column-count: $columnCount;
-     -moz-column-count: $columnCount;
-          column-count: $columnCount;
-    -webkit-column-gap: $columnGap;
-       -moz-column-gap: $columnGap;
-            column-gap: $columnGap;
-}
+// Input placeholder text color
+$placeholderText:       $grayLight;
 
-// Add an alphatransparency value to any background or border color (via Elyse Holladay)
-@mixin translucent_background($color: $white, $alpha: 1) {
-  background-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
-}
+// Navbar
+$navbarHeight:                    40px;
+$navbarBackground:                $grayDarker;
+$navbarBackgroundHighlight:       $grayDark;
 
-@mixin translucent_border($color: $white, $alpha: 1) {
-  border-color: hsla(hue($color), saturation($color), lightness($color), $alpha);
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
-          background-clip: padding-box;
-}
+$navbarText:                      $grayLight;
+$navbarLinkColor:                 $grayLight;
+$navbarLinkColorHover:            $white;
 
-// 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) opacify(rgba(0,0,0,.1), 0.15);
-}
+// Form states and alerts
+$warningText:             #c09853;
+$warningBackground:       #fcf8e3;
+$warningBorder:           darken(adjust-hue($warningBackground, -10), 3%);
 
-// Gradients
-@mixin gradient_horizontal($startColor: #555, $endColor: #333) {
-  background-color: $endColor;
-  background-image: -khtml-gradient(linear, left top, right top, from($startColor), to($endColor)); // Konqueror
-  background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
-  background-image: -ms-linear-gradient(left, $startColor, $endColor); // IE10
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
-  background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
-  background-image: linear-gradient(left, $startColor, $endColor); // Le standard
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=1); // IE9 and down
-}
+$errorText:               #b94a48;
+$errorBackground:         #f2dede;
+$errorBorder:             darken(adjust-hue($errorBackground, -10), 3%);
 
-@mixin gradient_vertical ($startColor: #555, $endColor: #333) {
-  background-color: $endColor;
-  background-image: -khtml-gradient(linear, left top, left bottom, from($startColor), to($endColor)); // Konqueror
-  background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
-  background-image: -ms-linear-gradient(top, $startColor, $endColor); // IE10
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)); // Safari 4+, Chrome 2+
-  background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
-  background-image: linear-gradient(top, $startColor, $endColor); // The standard
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down
-}
+$successText:             #468847;
+$successBackground:       #dff0d8;
+$successBorder:           darken(adjust-hue($successBackground, -10), 5%);
 
-@mixin gradient_directional($startColor: #555, $endColor: #333, $deg: 45deg) {
-  background-color: $endColor;
-  background-repeat: repeat-x;
-  background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+
-  background-image: -ms-linear-gradient($deg, $startColor, $endColor); // IE10
-  background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10
-  background-image: linear-gradient($deg, $startColor, $endColor); // The standard
-}
+$infoText:                #3a87ad;
+$infoBackground:          #d9edf7;
+$infoBorder:              darken(adjust-hue($infoBackground, -10), 7%);
 
-@mixin gradient_vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) {
-  background-color: $endColor;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor));
-  background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor);
-  background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor);
-  background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
-  background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
-  background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
-  background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
-}
 
-@mixin gradient_radial($centerColor: #555, $outsideColor: #333)  {
-  background-color: $outsideColor;
-  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($centerColor), to($outsideColor));
-  background-image: -webkit-radial-gradient(circle, $centerColor, $outsideColor);
-  background-image: -moz-radial-gradient(circle, $centerColor, $outsideColor);
-  background-image: -ms-radial-gradient(circle, $centerColor, $outsideColor);
-  background-repeat: no-repeat;
-  // Opera cannot do radial gradients yet
-}
 
-// Reset filters for IE
-@mixin reset-filter {
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
+// GRID
+// --------------------------------------------------
 
-// Opacity
-@mixin opacity($opacity: 100) {
-	filter: alpha(opacity=#{$opacity});
-	  -moz-opacity: $opacity / 100;
-	       opacity: $opacity / 100;
-}
+// Default 940px grid
+$gridColumns:             12;
+$gridColumnWidth:         60px;
+$gridGutterWidth:         20px;
+$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
 
-// Popover arrows
-// For tipsies and popovers
-@mixin popoverArrow_top($arrowWidth: 5px) {
-  bottom: 0;
-  left: 50%;
-  margin-left: -$arrowWidth;
-  border-left: $arrowWidth solid transparent;
-  border-right: $arrowWidth solid transparent;
-  border-top: $arrowWidth solid $black;
-}
-@mixin popoverArrow_left($arrowWidth: 5px) {
-  top: 50%;
-  right: 0;
-  margin-top: -$arrowWidth;
-  border-top: $arrowWidth solid transparent;
-  border-bottom: $arrowWidth solid transparent;
-  border-left: $arrowWidth solid $black;
-}
-@mixin popoverArrow_bottom($arrowWidth: 5px) {
-  top: 0;
-  left: 50%;
-  margin-left: -$arrowWidth;
-  border-left: $arrowWidth solid transparent;
-  border-right: $arrowWidth solid transparent;
-  border-bottom: $arrowWidth solid $black;
-}
-@mixin popoverArrow_right($arrowWidth: 5px) {
-  top: 50%;
-  left: 0;
-  margin-top: -$arrowWidth;
-  border-top: $arrowWidth solid transparent;
-  border-bottom: $arrowWidth solid transparent;
-  border-right: $arrowWidth solid $black;
-}
+// Fluid grid
+$fluidGridColumnWidth:    6.382978723%;
+$fluidGridGutterWidth:    2.127659574%;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: bootstrapped-rails
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.3
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-02-27 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70309320030540 !ruby/object:Gem::Requirement
+  requirement: &70201585286540 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: 3.1.0
   type: :runtime
   prerelease: false
-  version_requirements: *70309320030540
+  version_requirements: *70201585286540
 - !ruby/object:Gem::Dependency
   name: bundler
-  requirement: &70309320024360 !ruby/object:Gem::Requirement
+  requirement: &70201585285920 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -32,10 +32,10 @@ dependencies:
         version: 1.0.0
   type: :development
   prerelease: false
-  version_requirements: *70309320024360
+  version_requirements: *70201585285920
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &70309320023700 !ruby/object:Gem::Requirement
+  requirement: &70201585285340 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -43,7 +43,7 @@ dependencies:
         version: '3.1'
   type: :development
   prerelease: false
-  version_requirements: *70309320023700
+  version_requirements: *70201585285340
 description: ! ' please see summary '
 email:
 - han@logicalprep.com