twitter-bootstrap-rails 2.2.5 → 3.2.2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of twitter-bootstrap-rails might be problematic. Click here for more details.

Files changed (204) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +460 -187
  3. data/Rakefile +7 -1
  4. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  5. data/app/assets/fonts/fontawesome-webfont.svg +640 -0
  6. data/app/assets/fonts/fontawesome-webfont.ttf +0 -0
  7. data/app/assets/fonts/fontawesome-webfont.woff +0 -0
  8. data/app/assets/fonts/glyphicons-halflings-regular.eot +0 -0
  9. data/app/assets/fonts/glyphicons-halflings-regular.svg +229 -0
  10. data/app/assets/fonts/glyphicons-halflings-regular.ttf +0 -0
  11. data/app/assets/fonts/glyphicons-halflings-regular.woff +0 -0
  12. data/app/assets/javascripts/twitter/bootstrap.js +12 -0
  13. data/app/assets/javascripts/twitter/bootstrap/affix.js +142 -0
  14. data/app/assets/javascripts/twitter/bootstrap/alert.js +92 -0
  15. data/app/assets/javascripts/twitter/bootstrap/button.js +110 -0
  16. data/app/assets/javascripts/twitter/bootstrap/carousel.js +223 -0
  17. data/app/assets/javascripts/twitter/bootstrap/collapse.js +170 -0
  18. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +151 -0
  19. data/app/assets/javascripts/twitter/bootstrap/modal.js +280 -0
  20. data/app/assets/javascripts/twitter/bootstrap/popover.js +113 -0
  21. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +170 -0
  22. data/app/assets/javascripts/twitter/bootstrap/tab.js +128 -0
  23. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +457 -0
  24. data/app/assets/javascripts/twitter/bootstrap/transition.js +59 -0
  25. data/{vendor → app}/assets/javascripts/twitter/bootstrap_ujs.js +0 -0
  26. data/app/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +1 -0
  27. data/app/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +2026 -0
  28. data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +1 -0
  29. data/app/helpers/badge_label_helper.rb +16 -0
  30. data/app/helpers/bootstrap_flash_helper.rb +15 -8
  31. data/app/helpers/form_errors_helper.rb +22 -0
  32. data/app/helpers/glyph_helper.rb +13 -5
  33. data/app/helpers/modal_helper.rb +37 -20
  34. data/app/helpers/navbar_helper.rb +209 -0
  35. data/app/helpers/twitter_breadcrumbs_helper.rb +11 -2
  36. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +9 -9
  37. data/lib/generators/bootstrap/install/install_generator.rb +13 -8
  38. data/lib/generators/bootstrap/install/templates/bootstrap.coffee +2 -3
  39. data/lib/generators/bootstrap/install/templates/bootstrap.js +2 -3
  40. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +14 -13
  41. data/lib/generators/bootstrap/install/templates/en.bootstrap.yml +10 -4
  42. data/lib/generators/bootstrap/layout/layout_generator.rb +1 -4
  43. data/lib/generators/bootstrap/layout/templates/layout.html.erb +34 -58
  44. data/lib/generators/bootstrap/layout/templates/layout.html.haml +25 -44
  45. data/lib/generators/bootstrap/layout/templates/layout.html.slim +20 -39
  46. data/lib/generators/bootstrap/partial/templates/_login.html.erb +2 -3
  47. data/lib/generators/bootstrap/themed/templates/_form.html.erb +30 -10
  48. data/lib/generators/bootstrap/themed/templates/_form.html.haml +10 -8
  49. data/lib/generators/bootstrap/themed/templates/_form.html.slim +11 -9
  50. data/lib/generators/bootstrap/themed/templates/edit.html.erb +1 -1
  51. data/lib/generators/bootstrap/themed/templates/edit.html.haml +1 -1
  52. data/lib/generators/bootstrap/themed/templates/edit.html.slim +2 -2
  53. data/lib/generators/bootstrap/themed/templates/index.html.erb +3 -3
  54. data/lib/generators/bootstrap/themed/templates/index.html.haml +3 -3
  55. data/lib/generators/bootstrap/themed/templates/index.html.slim +5 -6
  56. data/lib/generators/bootstrap/themed/templates/new.html.erb +1 -1
  57. data/lib/generators/bootstrap/themed/templates/new.html.haml +1 -1
  58. data/lib/generators/bootstrap/themed/templates/new.html.slim +2 -2
  59. data/lib/generators/bootstrap/themed/templates/show.html.erb +6 -8
  60. data/lib/generators/bootstrap/themed/templates/show.html.haml +5 -5
  61. data/lib/generators/bootstrap/themed/templates/show.html.slim +7 -8
  62. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +5 -5
  63. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +3 -3
  64. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +4 -4
  65. data/lib/generators/bootstrap/themed/themed_generator.rb +3 -3
  66. data/lib/twitter-bootstrap-rails.rb +4 -4
  67. data/lib/twitter/bootstrap/rails/breadcrumbs.rb +69 -0
  68. data/lib/twitter/bootstrap/rails/engine.rb +17 -7
  69. data/lib/twitter/bootstrap/rails/version.rb +1 -1
  70. data/spec/lib/breadcrumbs_spec.rb +99 -0
  71. data/spec/lib/twitter_bootstrap_rails/badge_label_helper_spec.rb +30 -0
  72. data/spec/lib/twitter_bootstrap_rails/bootstrap_flash_helper_spec.rb +128 -0
  73. data/spec/lib/twitter_bootstrap_rails/form_errors_helper_spec.rb +148 -0
  74. data/spec/lib/twitter_bootstrap_rails/glyph_helper_spec.rb +24 -0
  75. data/spec/lib/twitter_bootstrap_rails/modal_helper_spec.rb +62 -0
  76. data/spec/lib/twitter_bootstrap_rails/navbar_helper_spec.rb +396 -0
  77. data/spec/lib/twitter_bootstrap_rails/uri_state_spec.rb +49 -0
  78. data/spec/spec_helper.rb +21 -0
  79. data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +5990 -195
  80. data/vendor/static-source/bootstrap.less +0 -1
  81. data/vendor/static-source/fontawesome.less +7 -6
  82. data/vendor/static-source/sprites.less +3 -3
  83. data/vendor/toolkit/fontawesome/bordered-pulled.less +16 -0
  84. data/vendor/toolkit/fontawesome/core.less +11 -0
  85. data/vendor/toolkit/fontawesome/fixed-width.less +6 -0
  86. data/vendor/toolkit/fontawesome/font-awesome.less +17 -0
  87. data/vendor/toolkit/fontawesome/icons.less +552 -0
  88. data/vendor/toolkit/fontawesome/larger.less +13 -0
  89. data/vendor/toolkit/fontawesome/list.less +19 -0
  90. data/vendor/toolkit/fontawesome/mixins.less +25 -0
  91. data/vendor/toolkit/fontawesome/path.less +14 -0
  92. data/vendor/toolkit/fontawesome/rotated-flipped.less +20 -0
  93. data/vendor/toolkit/fontawesome/spinning.less +29 -0
  94. data/vendor/toolkit/fontawesome/stacked.less +20 -0
  95. data/vendor/toolkit/fontawesome/variables.less +561 -0
  96. data/vendor/toolkit/twitter/bootstrap/alerts.less +47 -58
  97. data/vendor/toolkit/twitter/bootstrap/badges.less +55 -0
  98. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +26 -40
  99. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +11 -9
  100. data/vendor/toolkit/twitter/bootstrap/button-groups.less +168 -152
  101. data/vendor/toolkit/twitter/bootstrap/buttons.less +101 -170
  102. data/vendor/toolkit/twitter/bootstrap/carousel.less +150 -65
  103. data/vendor/toolkit/twitter/bootstrap/close.less +20 -19
  104. data/vendor/toolkit/twitter/bootstrap/code.less +38 -30
  105. data/vendor/toolkit/twitter/bootstrap/component-animations.less +12 -3
  106. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +124 -146
  107. data/vendor/toolkit/twitter/bootstrap/forms.less +401 -547
  108. data/vendor/toolkit/twitter/bootstrap/glyphicons.less +234 -0
  109. data/vendor/toolkit/twitter/bootstrap/grid.less +74 -11
  110. data/vendor/toolkit/twitter/bootstrap/input-groups.less +166 -0
  111. data/vendor/toolkit/twitter/bootstrap/jumbotron.less +48 -0
  112. data/vendor/toolkit/twitter/bootstrap/labels.less +64 -0
  113. data/vendor/toolkit/twitter/bootstrap/list-group.less +132 -0
  114. data/vendor/toolkit/twitter/bootstrap/media.less +8 -7
  115. data/vendor/toolkit/twitter/bootstrap/mixins.less +36 -699
  116. data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
  117. data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +8 -0
  118. data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
  119. data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +52 -0
  120. data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
  121. data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
  122. data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +85 -0
  123. data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
  124. data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
  125. data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
  126. data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
  127. data/vendor/toolkit/twitter/bootstrap/mixins/image.less +33 -0
  128. data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
  129. data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +29 -0
  130. data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
  131. data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  132. data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
  133. data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +23 -0
  134. data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
  135. data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
  136. data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
  137. data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
  138. data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  139. data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
  140. data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
  141. data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
  142. data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  143. data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
  144. data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  145. data/vendor/toolkit/twitter/bootstrap/modals.less +109 -54
  146. data/vendor/toolkit/twitter/bootstrap/navbar.less +542 -384
  147. data/vendor/toolkit/twitter/bootstrap/navs.less +192 -359
  148. data/vendor/toolkit/twitter/bootstrap/normalize.less +425 -0
  149. data/vendor/toolkit/twitter/bootstrap/pager.less +46 -34
  150. data/vendor/toolkit/twitter/bootstrap/pagination.less +70 -105
  151. data/vendor/toolkit/twitter/bootstrap/panels.less +248 -0
  152. data/vendor/toolkit/twitter/bootstrap/popovers.less +61 -61
  153. data/vendor/toolkit/twitter/bootstrap/print.less +101 -0
  154. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +51 -73
  155. data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +34 -0
  156. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +177 -42
  157. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +120 -23
  158. data/vendor/toolkit/twitter/bootstrap/tables.less +171 -182
  159. data/vendor/toolkit/twitter/bootstrap/theme.less +260 -0
  160. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +26 -43
  161. data/vendor/toolkit/twitter/bootstrap/tooltip.less +49 -24
  162. data/vendor/toolkit/twitter/bootstrap/type.less +208 -147
  163. data/vendor/toolkit/twitter/bootstrap/utilities.less +33 -7
  164. data/vendor/toolkit/twitter/bootstrap/variables.less +761 -215
  165. data/vendor/toolkit/twitter/bootstrap/wells.less +7 -7
  166. metadata +172 -94
  167. data/lib/generators/bootstrap/partial/templates/_navbar.html.erb +0 -13
  168. data/lib/twitter/bootstrap/rails/twitter-bootstrap-breadcrumbs.rb +0 -42
  169. data/test/lib/breadcrumbs_test.rb +0 -75
  170. data/test/test_helper.rb +0 -8
  171. data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
  172. data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
  173. data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
  174. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings-white.png +0 -0
  175. data/vendor/assets/images/twitter/bootstrap/glyphicons-halflings.png +0 -0
  176. data/vendor/assets/javascripts/twitter/bootstrap.js +0 -13
  177. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +0 -117
  178. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +0 -99
  179. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-button.js +0 -105
  180. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +0 -207
  181. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +0 -167
  182. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +0 -165
  183. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +0 -247
  184. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +0 -114
  185. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +0 -162
  186. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +0 -144
  187. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +0 -361
  188. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +0 -60
  189. data/vendor/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +0 -335
  190. data/vendor/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +0 -531
  191. data/vendor/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +0 -146
  192. data/vendor/toolkit/fontawesome-ie7.less +0 -350
  193. data/vendor/toolkit/fontawesome.less +0 -532
  194. data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -34
  195. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -25
  196. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +0 -84
  197. data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -16
  198. data/vendor/toolkit/twitter/bootstrap/reset.less +0 -216
  199. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +0 -28
  200. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +0 -193
  201. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +0 -19
  202. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +0 -189
  203. data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -48
  204. data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -197
@@ -0,0 +1,101 @@
1
+ //
2
+ // Basic print styles
3
+ // --------------------------------------------------
4
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
5
+
6
+ @media print {
7
+
8
+ * {
9
+ text-shadow: none !important;
10
+ color: #000 !important; // Black prints faster: h5bp.com/s
11
+ background: transparent !important;
12
+ box-shadow: none !important;
13
+ }
14
+
15
+ a,
16
+ a:visited {
17
+ text-decoration: underline;
18
+ }
19
+
20
+ a[href]:after {
21
+ content: " (" attr(href) ")";
22
+ }
23
+
24
+ abbr[title]:after {
25
+ content: " (" attr(title) ")";
26
+ }
27
+
28
+ // Don't show links for images, or javascript/internal links
29
+ a[href^="javascript:"]:after,
30
+ a[href^="#"]:after {
31
+ content: "";
32
+ }
33
+
34
+ pre,
35
+ blockquote {
36
+ border: 1px solid #999;
37
+ page-break-inside: avoid;
38
+ }
39
+
40
+ thead {
41
+ display: table-header-group; // h5bp.com/t
42
+ }
43
+
44
+ tr,
45
+ img {
46
+ page-break-inside: avoid;
47
+ }
48
+
49
+ img {
50
+ max-width: 100% !important;
51
+ }
52
+
53
+ p,
54
+ h2,
55
+ h3 {
56
+ orphans: 3;
57
+ widows: 3;
58
+ }
59
+
60
+ h2,
61
+ h3 {
62
+ page-break-after: avoid;
63
+ }
64
+
65
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
66
+ // Once fixed, we can just straight up remove this.
67
+ select {
68
+ background: #fff !important;
69
+ }
70
+
71
+ // Bootstrap components
72
+ .navbar {
73
+ display: none;
74
+ }
75
+ .table {
76
+ td,
77
+ th {
78
+ background-color: #fff !important;
79
+ }
80
+ }
81
+ .btn,
82
+ .dropup > .btn {
83
+ > .caret {
84
+ border-top-color: #000 !important;
85
+ }
86
+ }
87
+ .label {
88
+ border: 1px solid #000;
89
+ }
90
+
91
+ .table {
92
+ border-collapse: collapse !important;
93
+ }
94
+ .table-bordered {
95
+ th,
96
+ td {
97
+ border: 1px solid #ddd !important;
98
+ }
99
+ }
100
+
101
+ }
@@ -3,34 +3,16 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // ANIMATIONS
7
- // ----------
6
+ // Bar animations
7
+ // -------------------------
8
8
 
9
- // Webkit
9
+ // WebKit
10
10
  @-webkit-keyframes progress-bar-stripes {
11
11
  from { background-position: 40px 0; }
12
12
  to { background-position: 0 0; }
13
13
  }
14
14
 
15
- // Firefox
16
- @-moz-keyframes progress-bar-stripes {
17
- from { background-position: 40px 0; }
18
- to { background-position: 0 0; }
19
- }
20
-
21
- // IE9
22
- @-ms-keyframes progress-bar-stripes {
23
- from { background-position: 40px 0; }
24
- to { background-position: 0 0; }
25
- }
26
-
27
- // Opera
28
- @-o-keyframes progress-bar-stripes {
29
- from { background-position: 0 0; }
30
- to { background-position: 40px 0; }
31
- }
32
-
33
- // Spec
15
+ // Spec and IE10+
34
16
  @keyframes progress-bar-stripes {
35
17
  from { background-position: 40px 0; }
36
18
  to { background-position: 0 0; }
@@ -38,85 +20,81 @@
38
20
 
39
21
 
40
22
 
41
- // THE BARS
42
- // --------
23
+ // Bar itself
24
+ // -------------------------
43
25
 
44
26
  // Outer container
45
27
  .progress {
46
28
  overflow: hidden;
47
- height: @baseLineHeight;
48
- margin-bottom: @baseLineHeight;
49
- #gradient > .vertical(#f5f5f5, #f9f9f9);
29
+ height: @line-height-computed;
30
+ margin-bottom: @line-height-computed;
31
+ background-color: @progress-bg;
32
+ border-radius: @border-radius-base;
50
33
  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
51
- .border-radius(@baseBorderRadius);
52
34
  }
53
35
 
54
36
  // Bar of progress
55
- .progress .bar {
37
+ .progress-bar {
38
+ float: left;
56
39
  width: 0%;
57
40
  height: 100%;
58
- color: @white;
59
- float: left;
60
- font-size: 12px;
41
+ font-size: @font-size-small;
42
+ line-height: @line-height-computed;
43
+ color: @progress-bar-color;
61
44
  text-align: center;
62
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
63
- #gradient > .vertical(#149bdf, #0480be);
45
+ background-color: @progress-bar-bg;
64
46
  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
65
- .box-sizing(border-box);
66
47
  .transition(width .6s ease);
67
48
  }
68
- .progress .bar + .bar {
69
- .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");
70
- }
71
49
 
72
50
  // Striped bars
73
- .progress-striped .bar {
74
- #gradient > .striped(#149bdf);
75
- .background-size(40px 40px);
51
+ //
52
+ // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the
53
+ // `.progress-bar-striped` class, which you just add to an existing
54
+ // `.progress-bar`.
55
+ .progress-striped .progress-bar,
56
+ .progress-bar-striped {
57
+ #gradient > .striped();
58
+ background-size: 40px 40px;
76
59
  }
77
60
 
78
61
  // Call animation for the active one
79
- .progress.active .bar {
80
- -webkit-animation: progress-bar-stripes 2s linear infinite;
81
- -moz-animation: progress-bar-stripes 2s linear infinite;
82
- -ms-animation: progress-bar-stripes 2s linear infinite;
83
- -o-animation: progress-bar-stripes 2s linear infinite;
84
- animation: progress-bar-stripes 2s linear infinite;
62
+ //
63
+ // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the
64
+ // `.progress-bar.active` approach.
65
+ .progress.active .progress-bar,
66
+ .progress-bar.active {
67
+ .animation(progress-bar-stripes 2s linear infinite);
68
+ }
69
+
70
+ // Account for lower percentages
71
+ .progress-bar {
72
+ &[aria-valuenow="0"] {
73
+ color: @gray-light;
74
+ min-width: 30px;
75
+ background-color: transparent;
76
+ background-image: none;
77
+ box-shadow: none;
78
+ }
85
79
  }
86
80
 
87
81
 
88
82
 
89
- // COLORS
90
- // ------
83
+ // Variations
84
+ // -------------------------
91
85
 
92
- // Danger (red)
93
- .progress-danger .bar, .progress .bar-danger {
94
- #gradient > .vertical(#ee5f5b, #c43c35);
95
- }
96
- .progress-danger.progress-striped .bar, .progress-striped .bar-danger {
97
- #gradient > .striped(#ee5f5b);
86
+ .progress-bar-success {
87
+ .progress-bar-variant(@progress-bar-success-bg);
98
88
  }
99
89
 
100
- // Success (green)
101
- .progress-success .bar, .progress .bar-success {
102
- #gradient > .vertical(#62c462, #57a957);
103
- }
104
- .progress-success.progress-striped .bar, .progress-striped .bar-success {
105
- #gradient > .striped(#62c462);
90
+ .progress-bar-info {
91
+ .progress-bar-variant(@progress-bar-info-bg);
106
92
  }
107
93
 
108
- // Info (teal)
109
- .progress-info .bar, .progress .bar-info {
110
- #gradient > .vertical(#5bc0de, #339bb9);
111
- }
112
- .progress-info.progress-striped .bar, .progress-striped .bar-info {
113
- #gradient > .striped(#5bc0de);
94
+ .progress-bar-warning {
95
+ .progress-bar-variant(@progress-bar-warning-bg);
114
96
  }
115
97
 
116
- // Warning (orange)
117
- .progress-warning .bar, .progress .bar-warning {
118
- #gradient > .vertical(lighten(@orange, 15%), @orange);
119
- }
120
- .progress-warning.progress-striped .bar, .progress-striped .bar-warning {
121
- #gradient > .striped(lighten(@orange, 15%));
98
+ .progress-bar-danger {
99
+ .progress-bar-variant(@progress-bar-danger-bg);
122
100
  }
@@ -0,0 +1,34 @@
1
+ // Embeds responsive
2
+ //
3
+ // Credit: Nicolas Gallagher and SUIT CSS.
4
+
5
+ .embed-responsive {
6
+ position: relative;
7
+ display: block;
8
+ height: 0;
9
+ padding: 0;
10
+ overflow: hidden;
11
+
12
+ .embed-responsive-item,
13
+ iframe,
14
+ embed,
15
+ object {
16
+ position: absolute;
17
+ top: 0;
18
+ left: 0;
19
+ bottom: 0;
20
+ height: 100%;
21
+ width: 100%;
22
+ border: 0;
23
+ }
24
+
25
+ // Modifier class for 16:9 aspect ratio
26
+ &.embed-responsive-16by9 {
27
+ padding-bottom: 56.25%;
28
+ }
29
+
30
+ // Modifier class for 4:3 aspect ratio
31
+ &.embed-responsive-4by3 {
32
+ padding-bottom: 75%;
33
+ }
34
+ }
@@ -3,57 +3,192 @@
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // IE10 Metro responsive
7
- // Required for Windows 8 Metro split-screen snapping with IE10
6
+ // IE10 in Windows (Phone) 8
7
+ //
8
+ // Support for responsive views via media queries is kind of borked in IE10, for
9
+ // Surface/desktop in split view and for Windows Phone 8. This particular fix
10
+ // must be accompanied by a snippet of JavaScript to sniff the user agent and
11
+ // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
12
+ // our Getting Started page for more information on this bug.
13
+ //
14
+ // For more information, see the following:
15
+ //
16
+ // Issue: https://github.com/twbs/bootstrap/issues/10497
17
+ // Docs: http://getbootstrap.com/getting-started/#support-ie10-width
18
+ // Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
8
19
  // Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
9
- @-ms-viewport{
20
+
21
+ @-ms-viewport {
10
22
  width: device-width;
11
23
  }
12
24
 
13
- // Hide from screenreaders and browsers
14
- // Credit: HTML5 Boilerplate
15
- .hidden {
16
- display: none;
17
- visibility: hidden;
18
- }
19
25
 
20
26
  // Visibility utilities
27
+ // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
28
+ .visible-xs,
29
+ .visible-sm,
30
+ .visible-md,
31
+ .visible-lg {
32
+ .responsive-invisibility();
33
+ }
34
+
35
+ .visible-xs-block,
36
+ .visible-xs-inline,
37
+ .visible-xs-inline-block,
38
+ .visible-sm-block,
39
+ .visible-sm-inline,
40
+ .visible-sm-inline-block,
41
+ .visible-md-block,
42
+ .visible-md-inline,
43
+ .visible-md-inline-block,
44
+ .visible-lg-block,
45
+ .visible-lg-inline,
46
+ .visible-lg-inline-block {
47
+ display: none !important;
48
+ }
49
+
50
+ .visible-xs {
51
+ @media (max-width: @screen-xs-max) {
52
+ .responsive-visibility();
53
+ }
54
+ }
55
+ .visible-xs-block {
56
+ @media (max-width: @screen-xs-max) {
57
+ display: block !important;
58
+ }
59
+ }
60
+ .visible-xs-inline {
61
+ @media (max-width: @screen-xs-max) {
62
+ display: inline !important;
63
+ }
64
+ }
65
+ .visible-xs-inline-block {
66
+ @media (max-width: @screen-xs-max) {
67
+ display: inline-block !important;
68
+ }
69
+ }
70
+
71
+ .visible-sm {
72
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
73
+ .responsive-visibility();
74
+ }
75
+ }
76
+ .visible-sm-block {
77
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
78
+ display: block !important;
79
+ }
80
+ }
81
+ .visible-sm-inline {
82
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
83
+ display: inline !important;
84
+ }
85
+ }
86
+ .visible-sm-inline-block {
87
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
88
+ display: inline-block !important;
89
+ }
90
+ }
91
+
92
+ .visible-md {
93
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
94
+ .responsive-visibility();
95
+ }
96
+ }
97
+ .visible-md-block {
98
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
99
+ display: block !important;
100
+ }
101
+ }
102
+ .visible-md-inline {
103
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
104
+ display: inline !important;
105
+ }
106
+ }
107
+ .visible-md-inline-block {
108
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
109
+ display: inline-block !important;
110
+ }
111
+ }
21
112
 
22
- // For desktops
23
- .visible-phone { display: none !important; }
24
- .visible-tablet { display: none !important; }
25
- .hidden-phone { }
26
- .hidden-tablet { }
27
- .hidden-desktop { display: none !important; }
28
- .visible-desktop { display: inherit !important; }
29
-
30
- // Tablets & small desktops only
31
- @media (min-width: 768px) and (max-width: 979px) {
32
- // Hide everything else
33
- .hidden-desktop { display: inherit !important; }
34
- .visible-desktop { display: none !important ; }
35
- // Show
36
- .visible-tablet { display: inherit !important; }
37
- // Hide
38
- .hidden-tablet { display: none !important; }
39
- }
40
-
41
- // Phones only
42
- @media (max-width: 767px) {
43
- // Hide everything else
44
- .hidden-desktop { display: inherit !important; }
45
- .visible-desktop { display: none !important; }
46
- // Show
47
- .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior
48
- // Hide
49
- .hidden-phone { display: none !important; }
113
+ .visible-lg {
114
+ @media (min-width: @screen-lg-min) {
115
+ .responsive-visibility();
116
+ }
117
+ }
118
+ .visible-lg-block {
119
+ @media (min-width: @screen-lg-min) {
120
+ display: block !important;
121
+ }
50
122
  }
123
+ .visible-lg-inline {
124
+ @media (min-width: @screen-lg-min) {
125
+ display: inline !important;
126
+ }
127
+ }
128
+ .visible-lg-inline-block {
129
+ @media (min-width: @screen-lg-min) {
130
+ display: inline-block !important;
131
+ }
132
+ }
133
+
134
+ .hidden-xs {
135
+ @media (max-width: @screen-xs-max) {
136
+ .responsive-invisibility();
137
+ }
138
+ }
139
+ .hidden-sm {
140
+ @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
141
+ .responsive-invisibility();
142
+ }
143
+ }
144
+ .hidden-md {
145
+ @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
146
+ .responsive-invisibility();
147
+ }
148
+ }
149
+ .hidden-lg {
150
+ @media (min-width: @screen-lg-min) {
151
+ .responsive-invisibility();
152
+ }
153
+ }
154
+
51
155
 
52
156
  // Print utilities
53
- .visible-print { display: none !important; }
54
- .hidden-print { }
157
+ //
158
+ // Media queries are placed on the inside to be mixin-friendly.
159
+
160
+ // Note: Deprecated .visible-print as of v3.2.0
161
+ .visible-print {
162
+ .responsive-invisibility();
163
+
164
+ @media print {
165
+ .responsive-visibility();
166
+ }
167
+ }
168
+ .visible-print-block {
169
+ display: none !important;
170
+
171
+ @media print {
172
+ display: block !important;
173
+ }
174
+ }
175
+ .visible-print-inline {
176
+ display: none !important;
177
+
178
+ @media print {
179
+ display: inline !important;
180
+ }
181
+ }
182
+ .visible-print-inline-block {
183
+ display: none !important;
184
+
185
+ @media print {
186
+ display: inline-block !important;
187
+ }
188
+ }
55
189
 
56
- @media print {
57
- .visible-print { display: inherit !important; }
58
- .hidden-print { display: none !important; }
190
+ .hidden-print {
191
+ @media print {
192
+ .responsive-invisibility();
193
+ }
59
194
  }