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.

Files changed (57) hide show
  1. data/README.md +3 -6
  2. data/vendor/assets/images/glyphicons-halflings.png +0 -0
  3. data/vendor/assets/javascripts/bootstrap-affix.js +104 -0
  4. data/vendor/assets/javascripts/bootstrap-alert.js +1 -1
  5. data/vendor/assets/javascripts/bootstrap-button.js +1 -1
  6. data/vendor/assets/javascripts/bootstrap-carousel.js +12 -5
  7. data/vendor/assets/javascripts/bootstrap-collapse.js +4 -3
  8. data/vendor/assets/javascripts/bootstrap-dropdown.js +66 -16
  9. data/vendor/assets/javascripts/bootstrap-modal.js +95 -74
  10. data/vendor/assets/javascripts/bootstrap-popover.js +9 -4
  11. data/vendor/assets/javascripts/bootstrap-scrollspy.js +9 -9
  12. data/vendor/assets/javascripts/bootstrap-tab.js +2 -2
  13. data/vendor/assets/javascripts/bootstrap-tooltip.js +15 -15
  14. data/vendor/assets/javascripts/bootstrap-transition.js +2 -3
  15. data/vendor/assets/javascripts/bootstrap-typeahead.js +51 -36
  16. data/vendor/assets/javascripts/bootstrap.js +1 -0
  17. data/vendor/assets/stylesheets/_bootstrap-responsive.scss +15 -8
  18. data/vendor/assets/stylesheets/_bootstrap.scss +2 -2
  19. data/vendor/assets/stylesheets/bootstrap/_accordion.scss +3 -2
  20. data/vendor/assets/stylesheets/bootstrap/_alerts.scss +19 -10
  21. data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +11 -11
  22. data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +94 -28
  23. data/vendor/assets/stylesheets/bootstrap/_buttons.scss +94 -54
  24. data/vendor/assets/stylesheets/bootstrap/_carousel.scss +22 -7
  25. data/vendor/assets/stylesheets/bootstrap/_close.scss +5 -3
  26. data/vendor/assets/stylesheets/bootstrap/_code.scss +8 -6
  27. data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +7 -4
  28. data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +90 -17
  29. data/vendor/assets/stylesheets/bootstrap/_forms.scss +243 -90
  30. data/vendor/assets/stylesheets/bootstrap/_grid.scss +17 -2
  31. data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +4 -2
  32. data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +25 -5
  33. data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -2
  34. data/vendor/assets/stylesheets/bootstrap/_mixins.scss +143 -134
  35. data/vendor/assets/stylesheets/bootstrap/_modals.scss +13 -6
  36. data/vendor/assets/stylesheets/bootstrap/_navbar.scss +263 -141
  37. data/vendor/assets/stylesheets/bootstrap/_navs.scss +75 -31
  38. data/vendor/assets/stylesheets/bootstrap/_pager.scss +7 -5
  39. data/vendor/assets/stylesheets/bootstrap/_pagination.scss +22 -11
  40. data/vendor/assets/stylesheets/bootstrap/_popovers.scss +101 -33
  41. data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +23 -19
  42. data/vendor/assets/stylesheets/bootstrap/_reset.scss +35 -11
  43. data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +9 -7
  44. data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +103 -72
  45. data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +8 -5
  46. data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +26 -9
  47. data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +17 -15
  48. data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +26 -4
  49. data/vendor/assets/stylesheets/bootstrap/_sprites.scss +19 -9
  50. data/vendor/assets/stylesheets/bootstrap/_tables.scss +94 -23
  51. data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +10 -7
  52. data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +47 -12
  53. data/vendor/assets/stylesheets/bootstrap/_type.scss +71 -89
  54. data/vendor/assets/stylesheets/bootstrap/_utilities.scss +9 -2
  55. data/vendor/assets/stylesheets/bootstrap/_variables.scss +108 -68
  56. data/vendor/assets/stylesheets/bootstrap/_wells.scss +8 -6
  57. metadata +3 -2
@@ -1,5 +1,6 @@
1
- // PROGRESS BARS
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 { background-position: 40px 0; }
23
- to { background-position: 0 0; }
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 { background-position: 0 0; }
29
- to { background-position: 40px 0; }
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: 18px;
47
- margin-bottom: 18px;
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: 18px;
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
- // Reset.css.scss
2
- // Adapted from Normalize.css http://github.com/necolas/normalize.css
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, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
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, canvas, video {
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, a:active {
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, sup {
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, input, select, textarea {
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, input {
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, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
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, input[type="button"], input[type="reset"], input[type="submit"] {
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
- // LARGE DESKTOP & UP
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 gridCore($gridColumnWidthLarge, $gridGutterWidthLarge);
9
+ @include grid-core($gridColumnWidth1200, $gridGutterWidth1200);
8
10
 
9
11
  // Fluid grid
10
- @include gridFluid($fluidGridColumnWidthLarge, $fluidGridGutterWidthLarge);
12
+ @include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200);
11
13
 
12
14
  // Input grid
13
- @include gridInput($gridColumnWidthLarge, $gridGutterWidthLarge);
15
+ @include grid-input($gridColumnWidth1200, $gridGutterWidth1200);
14
16
 
15
17
  // Thumbnails
16
18
  .thumbnails {
17
- margin-left: -30px;
19
+ margin-left: -$gridGutterWidth1200;
18
20
  }
19
21
  .thumbnails > li {
20
- margin-left: 30px;
22
+ margin-left: $gridGutterWidth1200;
21
23
  }
22
24
  .row-fluid .thumbnails {
23
25
  margin-left: 0;
@@ -1,72 +1,8 @@
1
- // UP TO LANDSCAPE PHONE
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, .navbar-fixed-bottom {
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, .thumbnails {
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"], .row-fluid [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, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
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, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
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
- // PORTRAIT TABLET TO DEFAULT DESKTOP
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 gridCore($gridColumnWidthTablet, $gridGutterWidthTablet);
9
+ @include grid-core($gridColumnWidth768, $gridGutterWidth768);
8
10
 
9
11
  // Fluid grid
10
- @include gridFluid($fluidGridColumnWidthTablet, $fluidGridGutterWidthTablet);
12
+ @include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768);
11
13
 
12
14
  // Input grid
13
- @include gridInput($gridColumnWidthTablet, $gridGutterWidthTablet);
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
  }