bootstrap-sass 2.0.4.2 → 2.1.0.0
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 +3 -6
- data/vendor/assets/images/glyphicons-halflings.png +0 -0
- data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
- data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
- data/vendor/assets/javascripts/bootstrap-button.js +1 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
- data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
- data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
- data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
- data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
- data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
- data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
- data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
- data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
- data/vendor/assets/javascripts/bootstrap.js +1 -0
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
- data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
- data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
- data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
- data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
- metadata +3 -2
@@ -1,5 +1,6 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Progress bars
|
3
|
+
// --------------------------------------------------
|
3
4
|
|
4
5
|
|
5
6
|
// ANIMATIONS
|
@@ -8,7 +9,7 @@
|
|
8
9
|
// Webkit
|
9
10
|
@-webkit-keyframes progress-bar-stripes {
|
10
11
|
from { background-position: 40px 0; }
|
11
|
-
to { background-position: 0 0 }
|
12
|
+
to { background-position: 0 0; }
|
12
13
|
}
|
13
14
|
|
14
15
|
// Firefox
|
@@ -19,14 +20,14 @@
|
|
19
20
|
|
20
21
|
// IE9
|
21
22
|
@-ms-keyframes progress-bar-stripes {
|
22
|
-
from
|
23
|
-
to
|
23
|
+
from { background-position: 40px 0; }
|
24
|
+
to { background-position: 0 0; }
|
24
25
|
}
|
25
26
|
|
26
27
|
// Opera
|
27
28
|
@-o-keyframes progress-bar-stripes {
|
28
|
-
from
|
29
|
-
to
|
29
|
+
from { background-position: 0 0; }
|
30
|
+
to { background-position: 40px 0; }
|
30
31
|
}
|
31
32
|
|
32
33
|
// Spec
|
@@ -43,8 +44,8 @@
|
|
43
44
|
// Outer container
|
44
45
|
.progress {
|
45
46
|
overflow: hidden;
|
46
|
-
height:
|
47
|
-
margin-bottom:
|
47
|
+
height: $baseLineHeight;
|
48
|
+
margin-bottom: $baseLineHeight;
|
48
49
|
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
49
50
|
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
50
51
|
@include border-radius(4px);
|
@@ -53,8 +54,9 @@
|
|
53
54
|
// Bar of progress
|
54
55
|
.progress .bar {
|
55
56
|
width: 0%;
|
56
|
-
height:
|
57
|
+
height: 100%;
|
57
58
|
color: $white;
|
59
|
+
float: left;
|
58
60
|
font-size: 12px;
|
59
61
|
text-align: center;
|
60
62
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
@@ -63,6 +65,9 @@
|
|
63
65
|
@include box-sizing(border-box);
|
64
66
|
@include transition(width .6s ease);
|
65
67
|
}
|
68
|
+
.progress .bar + .bar {
|
69
|
+
@include box-shadow(#{inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)});
|
70
|
+
}
|
66
71
|
|
67
72
|
// Striped bars
|
68
73
|
.progress-striped .bar {
|
@@ -85,34 +90,33 @@
|
|
85
90
|
// ------
|
86
91
|
|
87
92
|
// Danger (red)
|
88
|
-
.progress-danger .bar {
|
93
|
+
.progress-danger .bar, .progress .bar-danger {
|
89
94
|
@include gradient-vertical(#ee5f5b, #c43c35);
|
90
95
|
}
|
91
|
-
.progress-danger.progress-striped .bar {
|
96
|
+
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
|
92
97
|
@include gradient-striped(#ee5f5b);
|
93
98
|
}
|
94
99
|
|
95
100
|
// Success (green)
|
96
|
-
.progress-success .bar {
|
101
|
+
.progress-success .bar, .progress .bar-success {
|
97
102
|
@include gradient-vertical(#62c462, #57a957);
|
98
103
|
}
|
99
|
-
.progress-success.progress-striped .bar {
|
104
|
+
.progress-success.progress-striped .bar, .progress-striped .bar-success {
|
100
105
|
@include gradient-striped(#62c462);
|
101
106
|
}
|
102
107
|
|
103
108
|
// Info (teal)
|
104
|
-
.progress-info .bar {
|
109
|
+
.progress-info .bar, .progress .bar-info {
|
105
110
|
@include gradient-vertical(#5bc0de, #339bb9);
|
106
111
|
}
|
107
|
-
.progress-info.progress-striped .bar {
|
112
|
+
.progress-info.progress-striped .bar, .progress-striped .bar-info {
|
108
113
|
@include gradient-striped(#5bc0de);
|
109
114
|
}
|
110
115
|
|
111
116
|
// Warning (orange)
|
112
|
-
.progress-warning .bar {
|
117
|
+
.progress-warning .bar, .progress .bar-warning {
|
113
118
|
@include gradient-vertical(lighten($orange, 15%), $orange);
|
114
119
|
}
|
115
|
-
|
116
|
-
.progress-warning.progress-striped .bar {
|
120
|
+
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
117
121
|
@include gradient-striped(lighten($orange, 15%));
|
118
122
|
}
|
@@ -1,18 +1,31 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
//
|
1
|
+
//
|
2
|
+
// Reset
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
4
|
+
// --------------------------------------------------
|
5
|
+
|
4
6
|
|
5
7
|
// Display in IE6-9 and FF3
|
6
8
|
// -------------------------
|
7
9
|
|
8
|
-
article,
|
10
|
+
article,
|
11
|
+
aside,
|
12
|
+
details,
|
13
|
+
figcaption,
|
14
|
+
figure,
|
15
|
+
footer,
|
16
|
+
header,
|
17
|
+
hgroup,
|
18
|
+
nav,
|
19
|
+
section {
|
9
20
|
display: block;
|
10
21
|
}
|
11
22
|
|
12
23
|
// Display block in IE6-9 and FF3
|
13
24
|
// -------------------------
|
14
25
|
|
15
|
-
audio,
|
26
|
+
audio,
|
27
|
+
canvas,
|
28
|
+
video {
|
16
29
|
display: inline-block;
|
17
30
|
*display: inline;
|
18
31
|
*zoom: 1;
|
@@ -38,14 +51,16 @@ a:focus {
|
|
38
51
|
@include tab-focus();
|
39
52
|
}
|
40
53
|
// Hover & Active
|
41
|
-
a:hover,
|
54
|
+
a:hover,
|
55
|
+
a:active {
|
42
56
|
outline: 0;
|
43
57
|
}
|
44
58
|
|
45
59
|
// Prevents sub and sup affecting line-height in all browsers
|
46
60
|
// -------------------------
|
47
61
|
|
48
|
-
sub,
|
62
|
+
sub,
|
63
|
+
sup {
|
49
64
|
position: relative;
|
50
65
|
font-size: 75%;
|
51
66
|
line-height: 0;
|
@@ -63,6 +78,7 @@ sub {
|
|
63
78
|
|
64
79
|
img {
|
65
80
|
max-width: 100%; // Make images inherently responsive
|
81
|
+
height: auto; // Make images inherently responsive
|
66
82
|
vertical-align: middle;
|
67
83
|
border: 0;
|
68
84
|
-ms-interpolation-mode: bicubic;
|
@@ -77,20 +93,28 @@ img {
|
|
77
93
|
// -------------------------
|
78
94
|
|
79
95
|
// Font size in all browsers, margin changes, misc consistency
|
80
|
-
button,
|
96
|
+
button,
|
97
|
+
input,
|
98
|
+
select,
|
99
|
+
textarea {
|
81
100
|
margin: 0;
|
82
101
|
font-size: 100%;
|
83
102
|
vertical-align: middle;
|
84
103
|
}
|
85
|
-
button,
|
104
|
+
button,
|
105
|
+
input {
|
86
106
|
*overflow: visible; // Inner spacing ie IE6/7
|
87
107
|
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
88
108
|
}
|
89
|
-
button::-moz-focus-inner,
|
109
|
+
button::-moz-focus-inner,
|
110
|
+
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
90
111
|
padding: 0;
|
91
112
|
border: 0;
|
92
113
|
}
|
93
|
-
button,
|
114
|
+
button,
|
115
|
+
input[type="button"],
|
116
|
+
input[type="reset"],
|
117
|
+
input[type="submit"] {
|
94
118
|
cursor: pointer; // Cursors on all buttons applied consistently
|
95
119
|
-webkit-appearance: button; // Style clickable inputs in iOS
|
96
120
|
}
|
@@ -1,23 +1,25 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Large desktop and up
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
@media (min-width: 1200px) {
|
5
7
|
|
6
8
|
// Fixed grid
|
7
|
-
@include
|
9
|
+
@include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
|
8
10
|
|
9
11
|
// Fluid grid
|
10
|
-
@include
|
12
|
+
@include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
|
11
13
|
|
12
14
|
// Input grid
|
13
|
-
@include
|
15
|
+
@include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
|
14
16
|
|
15
17
|
// Thumbnails
|
16
18
|
.thumbnails {
|
17
|
-
margin-left:
|
19
|
+
margin-left: -$gridGutterWidth1200;
|
18
20
|
}
|
19
21
|
.thumbnails > li {
|
20
|
-
margin-left:
|
22
|
+
margin-left: $gridGutterWidth1200;
|
21
23
|
}
|
22
24
|
.row-fluid .thumbnails {
|
23
25
|
margin-left: 0;
|
@@ -1,72 +1,8 @@
|
|
1
|
-
//
|
2
|
-
//
|
3
|
-
|
4
|
-
@media (max-width: 480px) {
|
5
|
-
|
6
|
-
// Smooth out the collapsing/expanding nav
|
7
|
-
.nav-collapse {
|
8
|
-
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
9
|
-
}
|
10
|
-
|
11
|
-
// Block level the page header small tag for readability
|
12
|
-
.page-header h1 small {
|
13
|
-
display: block;
|
14
|
-
line-height: $baseLineHeight;
|
15
|
-
}
|
16
|
-
|
17
|
-
// Update checkboxes for iOS
|
18
|
-
input[type="checkbox"], input[type="radio"] {
|
19
|
-
border: 1px solid #ccc;
|
20
|
-
}
|
21
|
-
|
22
|
-
// Remove the horizontal form styles
|
23
|
-
.form-horizontal .control-group > label {
|
24
|
-
float: none;
|
25
|
-
width: auto;
|
26
|
-
padding-top: 0;
|
27
|
-
text-align: left;
|
28
|
-
}
|
29
|
-
// Move over all input controls and content
|
30
|
-
.form-horizontal .controls {
|
31
|
-
margin-left: 0;
|
32
|
-
}
|
33
|
-
// Move the options list down to align with labels
|
34
|
-
.form-horizontal .control-list {
|
35
|
-
padding-top: 0; // has to be padding because margin collaspes
|
36
|
-
}
|
37
|
-
// Move over buttons in .form-actions to align with .controls
|
38
|
-
.form-horizontal .form-actions {
|
39
|
-
padding-left: 10px;
|
40
|
-
padding-right: 10px;
|
41
|
-
}
|
42
|
-
|
43
|
-
// Modals
|
44
|
-
.modal {
|
45
|
-
position: absolute;
|
46
|
-
top: 10px;
|
47
|
-
left: 10px;
|
48
|
-
right: 10px;
|
49
|
-
width: auto;
|
50
|
-
margin: 0;
|
51
|
-
&.fade.in { top: auto; }
|
52
|
-
}
|
53
|
-
.modal-header .close {
|
54
|
-
padding: 10px;
|
55
|
-
margin: -10px;
|
56
|
-
}
|
57
|
-
|
58
|
-
// Carousel
|
59
|
-
.carousel-caption {
|
60
|
-
position: static;
|
61
|
-
}
|
62
|
-
|
63
|
-
}
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
1
|
+
//
|
2
|
+
// Responsive: Landscape phone to desktop/tablet
|
68
3
|
// --------------------------------------------------
|
69
4
|
|
5
|
+
|
70
6
|
@media (max-width: 767px) {
|
71
7
|
|
72
8
|
// Padding to set content in a bit
|
@@ -75,7 +11,8 @@
|
|
75
11
|
padding-right: 20px;
|
76
12
|
}
|
77
13
|
// Negative indent the now static "fixed" navbar
|
78
|
-
.navbar-fixed-top,
|
14
|
+
.navbar-fixed-top,
|
15
|
+
.navbar-fixed-bottom {
|
79
16
|
margin-left: -20px;
|
80
17
|
margin-right: -20px;
|
81
18
|
}
|
@@ -110,27 +47,121 @@
|
|
110
47
|
width: 100%;
|
111
48
|
}
|
112
49
|
// Undo negative margin on rows and thumbnails
|
113
|
-
.row,
|
50
|
+
.row,
|
51
|
+
.thumbnails {
|
114
52
|
margin-left: 0;
|
115
53
|
}
|
54
|
+
.thumbnails > li {
|
55
|
+
float: none;
|
56
|
+
margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
|
57
|
+
}
|
116
58
|
// Make all grid-sized elements block level again
|
117
|
-
[class*="span"],
|
59
|
+
[class*="span"],
|
60
|
+
.row-fluid [class*="span"] {
|
118
61
|
float: none;
|
119
62
|
display: block;
|
120
63
|
width: auto;
|
121
64
|
margin-left: 0;
|
122
65
|
}
|
66
|
+
.span12,
|
67
|
+
.row-fluid .span12 {
|
68
|
+
width: 100%;
|
69
|
+
@include box-sizing(border-box);
|
70
|
+
}
|
123
71
|
|
124
72
|
// FORM FIELDS
|
125
73
|
// -----------
|
126
74
|
// Make span* classes full width
|
127
|
-
.input-large,
|
75
|
+
.input-large,
|
76
|
+
.input-xlarge,
|
77
|
+
.input-xxlarge,
|
78
|
+
input[class*="span"],
|
79
|
+
select[class*="span"],
|
80
|
+
textarea[class*="span"],
|
81
|
+
.uneditable-input {
|
128
82
|
@include input-block-level();
|
129
83
|
}
|
130
84
|
// But don't let it screw up prepend/append inputs
|
131
|
-
.input-prepend input,
|
85
|
+
.input-prepend input,
|
86
|
+
.input-append input,
|
87
|
+
.input-prepend input[class*="span"],
|
88
|
+
.input-append input[class*="span"] {
|
132
89
|
display: inline-block; // redeclare so they don't wrap to new lines
|
133
90
|
width: auto;
|
134
91
|
}
|
135
92
|
|
93
|
+
// Modals
|
94
|
+
.modal {
|
95
|
+
position: fixed;
|
96
|
+
top: 20px;
|
97
|
+
left: 20px;
|
98
|
+
right: 20px;
|
99
|
+
width: auto;
|
100
|
+
margin: 0;
|
101
|
+
&.fade.in { top: auto; }
|
102
|
+
}
|
103
|
+
|
136
104
|
}
|
105
|
+
|
106
|
+
|
107
|
+
|
108
|
+
// UP TO LANDSCAPE PHONE
|
109
|
+
// ---------------------
|
110
|
+
|
111
|
+
@media (max-width: 480px) {
|
112
|
+
|
113
|
+
// Smooth out the collapsing/expanding nav
|
114
|
+
.nav-collapse {
|
115
|
+
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
116
|
+
}
|
117
|
+
|
118
|
+
// Block level the page header small tag for readability
|
119
|
+
.page-header h1 small {
|
120
|
+
display: block;
|
121
|
+
line-height: $baseLineHeight;
|
122
|
+
}
|
123
|
+
|
124
|
+
// Update checkboxes for iOS
|
125
|
+
input[type="checkbox"],
|
126
|
+
input[type="radio"] {
|
127
|
+
border: 1px solid #ccc;
|
128
|
+
}
|
129
|
+
|
130
|
+
// Remove the horizontal form styles
|
131
|
+
.form-horizontal .control-group > label {
|
132
|
+
float: none;
|
133
|
+
width: auto;
|
134
|
+
padding-top: 0;
|
135
|
+
text-align: left;
|
136
|
+
}
|
137
|
+
// Move over all input controls and content
|
138
|
+
.form-horizontal .controls {
|
139
|
+
margin-left: 0;
|
140
|
+
}
|
141
|
+
// Move the options list down to align with labels
|
142
|
+
.form-horizontal .control-list {
|
143
|
+
padding-top: 0; // has to be padding because margin collaspes
|
144
|
+
}
|
145
|
+
// Move over buttons in .form-actions to align with .controls
|
146
|
+
.form-horizontal .form-actions {
|
147
|
+
padding-left: 10px;
|
148
|
+
padding-right: 10px;
|
149
|
+
}
|
150
|
+
|
151
|
+
// Modals
|
152
|
+
.modal {
|
153
|
+
top: 10px;
|
154
|
+
left: 10px;
|
155
|
+
right: 10px;
|
156
|
+
}
|
157
|
+
.modal-header .close {
|
158
|
+
padding: 10px;
|
159
|
+
margin: -10px;
|
160
|
+
}
|
161
|
+
|
162
|
+
// Carousel
|
163
|
+
.carousel-caption {
|
164
|
+
position: static;
|
165
|
+
}
|
166
|
+
|
167
|
+
}
|
@@ -1,16 +1,19 @@
|
|
1
|
-
//
|
2
|
-
//
|
1
|
+
//
|
2
|
+
// Responsive: Tablet to desktop
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
3
5
|
|
4
6
|
@media (min-width: 768px) and (max-width: 979px) {
|
5
7
|
|
6
8
|
// Fixed grid
|
7
|
-
@include
|
9
|
+
@include grid-core($gridColumnWidth768, $gridGutterWidth768);
|
8
10
|
|
9
11
|
// Fluid grid
|
10
|
-
@include
|
12
|
+
@include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
|
11
13
|
|
12
14
|
// Input grid
|
13
|
-
@include
|
15
|
+
@include grid-input($gridColumnWidth768, $gridGutterWidth768);
|
14
16
|
|
15
17
|
// No need to reset .thumbnails here since it's the same $gridGutterWidth
|
18
|
+
|
16
19
|
}
|