bootstrap-sass 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +8 -1
- data/vendor/assets/javascripts/bootstrap-alerts.js +13 -2
- data/vendor/assets/javascripts/bootstrap-buttons.js +6 -4
- data/vendor/assets/javascripts/bootstrap-popover.js +6 -2
- data/vendor/assets/javascripts/bootstrap-twipsy.js +16 -5
- data/vendor/assets/stylesheets/bootstrap/forms.css.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/mixins.css.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/patterns.css.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/scaffolding.css.scss +16 -15
- data/vendor/assets/stylesheets/bootstrap/tables.css.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/variables.css.scss +33 -33
- metadata +4 -4
data/README.md
CHANGED
@@ -8,7 +8,7 @@ Enjoy.
|
|
8
8
|
|
9
9
|
In your gemfile:
|
10
10
|
|
11
|
-
gem 'bootstrap-sass', '1.4.
|
11
|
+
gem 'bootstrap-sass', '1.4.1'
|
12
12
|
|
13
13
|
### CSS
|
14
14
|
|
@@ -16,6 +16,13 @@ In your SCSS file of choice:
|
|
16
16
|
|
17
17
|
@import "bootstrap"; /* Use this to get all of Bootstrap's @mixins and $variables */
|
18
18
|
|
19
|
+
Want to configure a variable? Thanks to bernado, this is now awesome *and* easy! Just define the variables you want to change *before* importing Bootstrap. SASS will respect your existing definition and won't overwrite it with the Bootstrap defaults.
|
20
|
+
|
21
|
+
$gridColumns: 12;
|
22
|
+
$gridColumnWidth: 60px;
|
23
|
+
$gridGutterWidth: 20px;
|
24
|
+
@import "bootstrap";
|
25
|
+
|
19
26
|
### Javascript
|
20
27
|
|
21
28
|
In your Javascript manifest:
|
@@ -54,6 +54,7 @@
|
|
54
54
|
* ====================== */
|
55
55
|
|
56
56
|
var Alert = function ( content, options ) {
|
57
|
+
if (options == 'close') return this.close.call(content)
|
57
58
|
this.settings = $.extend({}, $.fn.alert.defaults, options)
|
58
59
|
this.$element = $(content)
|
59
60
|
.delegate(this.settings.selector, 'click', this.close)
|
@@ -62,7 +63,10 @@
|
|
62
63
|
Alert.prototype = {
|
63
64
|
|
64
65
|
close: function (e) {
|
65
|
-
var $element = $(this)
|
66
|
+
var $element = $(this)
|
67
|
+
, className = 'alert-message'
|
68
|
+
|
69
|
+
$element = $element.hasClass(className) ? $element : $element.parent()
|
66
70
|
|
67
71
|
e && e.preventDefault()
|
68
72
|
$element.removeClass('in')
|
@@ -90,9 +94,16 @@
|
|
90
94
|
|
91
95
|
return this.each(function () {
|
92
96
|
var $this = $(this)
|
97
|
+
, data
|
93
98
|
|
94
99
|
if ( typeof options == 'string' ) {
|
95
|
-
|
100
|
+
|
101
|
+
data = $this.data('alert')
|
102
|
+
|
103
|
+
if (typeof data == 'object') {
|
104
|
+
return data[options].call( $this )
|
105
|
+
}
|
106
|
+
|
96
107
|
}
|
97
108
|
|
98
109
|
$(this).data('alert', new Alert( this, options ))
|
@@ -1,6 +1,6 @@
|
|
1
1
|
/* ============================================================
|
2
2
|
* bootstrap-buttons.js v1.4.0
|
3
|
-
* http://twitter.github.com/bootstrap/javascript.html#
|
3
|
+
* http://twitter.github.com/bootstrap/javascript.html#buttons
|
4
4
|
* ============================================================
|
5
5
|
* Copyright 2011 Twitter, Inc.
|
6
6
|
*
|
@@ -31,9 +31,11 @@
|
|
31
31
|
|
32
32
|
$el.html( data[state] || $.fn.button.defaults[state] )
|
33
33
|
|
34
|
-
|
35
|
-
|
36
|
-
|
34
|
+
setTimeout(function () {
|
35
|
+
state == 'loadingText' ?
|
36
|
+
$el.addClass(d).attr(d, d) :
|
37
|
+
$el.removeClass(d).removeAttr(d)
|
38
|
+
}, 0)
|
37
39
|
}
|
38
40
|
|
39
41
|
function toggle(el) {
|
@@ -37,7 +37,7 @@
|
|
37
37
|
setContent: function () {
|
38
38
|
var $tip = this.tip()
|
39
39
|
$tip.find('.title')[this.options.html ? 'html' : 'text'](this.getTitle())
|
40
|
-
$tip.find('.content
|
40
|
+
$tip.find('.content > *')[this.options.html ? 'html' : 'text'](this.getContent())
|
41
41
|
$tip[0].className = 'popover'
|
42
42
|
}
|
43
43
|
|
@@ -51,10 +51,11 @@
|
|
51
51
|
, o = this.options
|
52
52
|
|
53
53
|
if (typeof this.options.content == 'string') {
|
54
|
-
content = this.options.content
|
54
|
+
content = $e.attr(this.options.content)
|
55
55
|
} else if (typeof this.options.content == 'function') {
|
56
56
|
content = this.options.content.call(this.$element[0])
|
57
57
|
}
|
58
|
+
|
58
59
|
return content
|
59
60
|
}
|
60
61
|
|
@@ -80,7 +81,10 @@
|
|
80
81
|
|
81
82
|
$.fn.popover.defaults = $.extend({} , $.fn.twipsy.defaults, {
|
82
83
|
placement: 'right'
|
84
|
+
, content: 'data-content'
|
83
85
|
, template: '<div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div>'
|
84
86
|
})
|
85
87
|
|
88
|
+
$.fn.twipsy.rejectAttrOptions.push( 'content' )
|
89
|
+
|
86
90
|
}( window.jQuery || window.ender );
|
@@ -168,10 +168,7 @@
|
|
168
168
|
}
|
169
169
|
|
170
170
|
, tip: function() {
|
171
|
-
|
172
|
-
this.$tip = $('<div class="twipsy" />').html(this.options.template)
|
173
|
-
}
|
174
|
-
return this.$tip
|
171
|
+
return this.$tip = this.$tip || $('<div class="twipsy" />').html(this.options.template)
|
175
172
|
}
|
176
173
|
|
177
174
|
, validate: function() {
|
@@ -194,6 +191,10 @@
|
|
194
191
|
this.enabled = !this.enabled
|
195
192
|
}
|
196
193
|
|
194
|
+
, toggle: function () {
|
195
|
+
this[this.tip().hasClass('in') ? 'hide' : 'show']()
|
196
|
+
}
|
197
|
+
|
197
198
|
}
|
198
199
|
|
199
200
|
|
@@ -303,8 +304,18 @@
|
|
303
304
|
, template: '<div class="twipsy-arrow"></div><div class="twipsy-inner"></div>'
|
304
305
|
}
|
305
306
|
|
307
|
+
$.fn.twipsy.rejectAttrOptions = [ 'title' ]
|
308
|
+
|
306
309
|
$.fn.twipsy.elementOptions = function(ele, options) {
|
307
|
-
|
310
|
+
var data = $(ele).data()
|
311
|
+
, rejects = $.fn.twipsy.rejectAttrOptions
|
312
|
+
, i = rejects.length
|
313
|
+
|
314
|
+
while (i--) {
|
315
|
+
delete data[rejects[i]]
|
316
|
+
}
|
317
|
+
|
318
|
+
return $.extend({}, options, data)
|
308
319
|
}
|
309
320
|
|
310
321
|
}( window.jQuery || window.ender );
|
@@ -100,7 +100,7 @@ input[type=button], input[type=reset], input[type=submit] {
|
|
100
100
|
|
101
101
|
select, input[type=file] {
|
102
102
|
height: $baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
|
103
|
-
height: auto; // reset for IE7. bah.
|
103
|
+
*height: auto; // reset for IE7. bah.
|
104
104
|
line-height: $baseline * 1.5;
|
105
105
|
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
106
106
|
}
|
@@ -166,7 +166,7 @@
|
|
166
166
|
background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
167
167
|
background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
|
168
168
|
background-image: linear-gradient(left, $startColor, $endColor); // Le standard
|
169
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr
|
169
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=1); // IE9 and down
|
170
170
|
}
|
171
171
|
@mixin vertical-gradient($startColor: #555, $endColor: #333) {
|
172
172
|
background-color: $endColor;
|
@@ -178,7 +178,7 @@
|
|
178
178
|
background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
179
179
|
background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
|
180
180
|
background-image: linear-gradient(top, $startColor, $endColor); // The standard
|
181
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr
|
181
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down
|
182
182
|
}
|
183
183
|
@mixin directional-gradient($startColor: #555, $endColor: #333, $deg: 45deg) {
|
184
184
|
background-color: $endColor;
|
@@ -198,7 +198,7 @@
|
|
198
198
|
background-image: -ms-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
199
199
|
background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor);
|
200
200
|
background-image: linear-gradient($startColor, $midColor $colorStop, $endColor);
|
201
|
-
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr
|
201
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$startColor}', endColorstr='#{$endColor}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
|
202
202
|
}
|
203
203
|
|
204
204
|
// Reset filters for IE
|
@@ -398,7 +398,7 @@ a.menu:after, .dropdown-toggle:after {
|
|
398
398
|
// Tabbable areas
|
399
399
|
.tab-content, .pill-content {
|
400
400
|
}
|
401
|
-
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
401
|
+
.tab-content > .tab-pane, .pill-content > .pill-pane, .tab-content > div, .pill-content > div {
|
402
402
|
display: none;
|
403
403
|
}
|
404
404
|
.tab-content > .active, .pill-content > .active {
|
@@ -950,7 +950,7 @@ button.btn, input[type=submit].btn {
|
|
950
950
|
|
951
951
|
.label {
|
952
952
|
padding: 1px 3px 2px;
|
953
|
-
font-size: $basefont * .75;
|
953
|
+
font-size: $basefont * 0.75;
|
954
954
|
font-weight: bold;
|
955
955
|
color: $white;
|
956
956
|
text-transform: uppercase;
|
@@ -106,23 +106,24 @@ a {
|
|
106
106
|
|
107
107
|
// Offset column options
|
108
108
|
.row {
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
109
|
+
> .offset1 { @include offset(1); }
|
110
|
+
> .offset2 { @include offset(2); }
|
111
|
+
> .offset3 { @include offset(3); }
|
112
|
+
> .offset4 { @include offset(4); }
|
113
|
+
> .offset5 { @include offset(5); }
|
114
|
+
> .offset6 { @include offset(6); }
|
115
|
+
> .offset7 { @include offset(7); }
|
116
|
+
> .offset8 { @include offset(8); }
|
117
|
+
> .offset9 { @include offset(9); }
|
118
|
+
> .offset10 { @include offset(10); }
|
119
|
+
> .offset11 { @include offset(11); }
|
120
|
+
> .offset12 { @include offset(12); }
|
121
121
|
}
|
122
122
|
|
123
123
|
// Unique column sizes for 16-column grid
|
124
124
|
.span-one-third { width: 300px; }
|
125
125
|
.span-two-thirds { width: 620px; }
|
126
|
-
.
|
127
|
-
.offset-
|
128
|
-
|
126
|
+
.row {
|
127
|
+
> .offset-one-third { margin-left: 340px; }
|
128
|
+
> .offset-two-thirds { margin-left: 660px; }
|
129
|
+
}
|
@@ -3,49 +3,49 @@
|
|
3
3
|
* ----------------------------------------------------- */
|
4
4
|
|
5
5
|
// Links
|
6
|
-
$linkColor: #0069d6;
|
7
|
-
$linkColorHover: darken($linkColor, 15);
|
6
|
+
$linkColor: #0069d6 !default;
|
7
|
+
$linkColorHover: darken($linkColor, 15) !default;
|
8
8
|
|
9
9
|
// Grays
|
10
|
-
$black: #000;
|
11
|
-
$grayDark: lighten($black, 25%);
|
12
|
-
$gray: lighten($black, 50%);
|
13
|
-
$grayLight: lighten($black, 75%);
|
14
|
-
$grayLighter: lighten($black, 90%);
|
15
|
-
$white: #fff;
|
10
|
+
$black: #000 !default;
|
11
|
+
$grayDark: lighten($black, 25%) !default;
|
12
|
+
$gray: lighten($black, 50%) !default;
|
13
|
+
$grayLight: lighten($black, 75%) !default;
|
14
|
+
$grayLighter: lighten($black, 90%) !default;
|
15
|
+
$white: #fff !default;
|
16
16
|
|
17
17
|
// Accent Colors
|
18
|
-
$blue: #049CDB;
|
19
|
-
$blueDark: #0064CD;
|
20
|
-
$green: #46a546;
|
21
|
-
$red: #9d261d;
|
22
|
-
$yellow: #ffc40d;
|
23
|
-
$orange: #f89406;
|
24
|
-
$pink: #c3325f;
|
25
|
-
$purple: #7a43b6;
|
18
|
+
$blue: #049CDB !default;
|
19
|
+
$blueDark: #0064CD !default;
|
20
|
+
$green: #46a546 !default;
|
21
|
+
$red: #9d261d !default;
|
22
|
+
$yellow: #ffc40d !default;
|
23
|
+
$orange: #f89406 !default;
|
24
|
+
$pink: #c3325f !default;
|
25
|
+
$purple: #7a43b6 !default;
|
26
26
|
|
27
27
|
// Baseline grid
|
28
|
-
$basefont: 13px;
|
29
|
-
$baseline: 18px;
|
28
|
+
$basefont: 13px !default;
|
29
|
+
$baseline: 18px !default;
|
30
30
|
|
31
31
|
// Griditude
|
32
32
|
// Modify the grid styles in mixins.less
|
33
|
-
$gridColumns: 16;
|
34
|
-
$gridColumnWidth: 40px;
|
35
|
-
$gridGutterWidth: 20px;
|
36
|
-
$extraSpace: ($gridGutterWidth * 2); // For our grid calculations
|
37
|
-
$siteWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1));
|
33
|
+
$gridColumns: 16 !default;
|
34
|
+
$gridColumnWidth: 40px !default;
|
35
|
+
$gridGutterWidth: 20px !default;
|
36
|
+
$extraSpace: ($gridGutterWidth * 2) !default; // For our grid calculations
|
37
|
+
$siteWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
|
38
38
|
|
39
39
|
// Color Scheme
|
40
40
|
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
|
41
|
-
$baseColor: $blue; // Set a base color
|
42
|
-
$complement: spin($baseColor, 180); // Determine a complementary color
|
43
|
-
$split1: spin($baseColor, 158); // Split complements
|
44
|
-
$split2: spin($baseColor, -158);
|
45
|
-
$triad1: spin($baseColor, 135); // Triads colors
|
46
|
-
$triad2: spin($baseColor, -135);
|
47
|
-
$tetra1: spin($baseColor, 90); // Tetra colors
|
48
|
-
$tetra2: spin($baseColor, -90);
|
49
|
-
$analog1: spin($baseColor, 22); // Analogs colors
|
50
|
-
$analog2: spin($baseColor, -22);
|
41
|
+
$baseColor: $blue !default; // Set a base color
|
42
|
+
$complement: spin($baseColor, 180) !default; // Determine a complementary color
|
43
|
+
$split1: spin($baseColor, 158) !default; // Split complements
|
44
|
+
$split2: spin($baseColor, -158) !default;
|
45
|
+
$triad1: spin($baseColor, 135) !default; // Triads colors
|
46
|
+
$triad2: spin($baseColor, -135) !default;
|
47
|
+
$tetra1: spin($baseColor, 90) !default; // Tetra colors
|
48
|
+
$tetra2: spin($baseColor, -90) !default;
|
49
|
+
$analog1: spin($baseColor, 22) !default; // Analogs colors
|
50
|
+
$analog2: spin($baseColor, -22) !default;
|
51
51
|
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: bootstrap-sass
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 1.4.
|
4
|
+
version: 1.4.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2011-
|
12
|
+
date: 2011-12-02 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass-rails
|
16
|
-
requirement: &
|
16
|
+
requirement: &70344330905660 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ~>
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: 3.1.0
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70344330905660
|
25
25
|
description:
|
26
26
|
email: tom@conceptcoding.co.uk
|
27
27
|
executables: []
|