twitter-bootstrap-rails 2.2.8 → 3.2.0

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 (181) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +82 -119
  3. data/Rakefile +4 -6
  4. data/app/assets/fonts/fontawesome-webfont.eot +0 -0
  5. data/app/assets/fonts/fontawesome-webfont.svg +471 -366
  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 -13
  13. data/app/assets/javascripts/twitter/bootstrap/affix.js +137 -0
  14. data/app/assets/javascripts/twitter/bootstrap/alert.js +88 -0
  15. data/app/assets/javascripts/twitter/bootstrap/button.js +107 -0
  16. data/app/assets/javascripts/twitter/bootstrap/carousel.js +205 -0
  17. data/app/assets/javascripts/twitter/bootstrap/collapse.js +170 -0
  18. data/app/assets/javascripts/twitter/bootstrap/dropdown.js +147 -0
  19. data/app/assets/javascripts/twitter/bootstrap/modal.js +243 -0
  20. data/app/assets/javascripts/twitter/bootstrap/popover.js +110 -0
  21. data/app/assets/javascripts/twitter/bootstrap/scrollspy.js +153 -0
  22. data/app/assets/javascripts/twitter/bootstrap/tab.js +125 -0
  23. data/app/assets/javascripts/twitter/bootstrap/tooltip.js +399 -0
  24. data/app/assets/javascripts/twitter/bootstrap/transition.js +48 -0
  25. data/app/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +1 -890
  26. data/app/assets/stylesheets/twitter-bootstrap-static/fontawesome.css.erb +4 -787
  27. data/app/assets/stylesheets/twitter-bootstrap-static/sprites.css.erb +1 -146
  28. data/app/helpers/bootstrap_flash_helper.rb +7 -5
  29. data/app/helpers/form_errors_helper.rb +22 -0
  30. data/app/helpers/glyph_helper.rb +8 -6
  31. data/app/helpers/modal_helper.rb +29 -21
  32. data/app/helpers/navbar_helper.rb +42 -30
  33. data/app/helpers/twitter_breadcrumbs_helper.rb +3 -2
  34. data/app/views/twitter-bootstrap/_breadcrumbs.html.erb +4 -4
  35. data/lib/generators/bootstrap/install/install_generator.rb +3 -2
  36. data/lib/generators/bootstrap/install/templates/bootstrap_and_overrides.less +7 -8
  37. data/lib/generators/bootstrap/install/templates/en.bootstrap.yml +5 -0
  38. data/lib/generators/bootstrap/layout/layout_generator.rb +1 -4
  39. data/lib/generators/bootstrap/layout/templates/layout.html.erb +22 -43
  40. data/lib/generators/bootstrap/layout/templates/layout.html.haml +16 -31
  41. data/lib/generators/bootstrap/layout/templates/layout.html.slim +10 -25
  42. data/lib/generators/bootstrap/partial/templates/_login.html.erb +2 -3
  43. data/lib/generators/bootstrap/themed/templates/_form.html.erb +25 -8
  44. data/lib/generators/bootstrap/themed/templates/_form.html.haml +7 -7
  45. data/lib/generators/bootstrap/themed/templates/_form.html.slim +7 -7
  46. data/lib/generators/bootstrap/themed/templates/index.html.erb +2 -2
  47. data/lib/generators/bootstrap/themed/templates/index.html.haml +2 -2
  48. data/lib/generators/bootstrap/themed/templates/index.html.slim +2 -2
  49. data/lib/generators/bootstrap/themed/templates/show.html.erb +5 -7
  50. data/lib/generators/bootstrap/themed/templates/show.html.haml +4 -4
  51. data/lib/generators/bootstrap/themed/templates/show.html.slim +5 -6
  52. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.erb +5 -5
  53. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.haml +3 -3
  54. data/lib/generators/bootstrap/themed/templates/simple_form/_form.html.slim +4 -4
  55. data/lib/generators/bootstrap/themed/themed_generator.rb +2 -2
  56. data/lib/twitter/bootstrap/rails/{twitter-bootstrap-breadcrumbs.rb → breadcrumbs.rb} +24 -8
  57. data/lib/twitter/bootstrap/rails/engine.rb +5 -2
  58. data/lib/twitter/bootstrap/rails/version.rb +2 -2
  59. data/spec/lib/breadcrumbs_spec.rb +74 -0
  60. data/spec/lib/twitter_bootstrap_rails/badge_label_helper_spec.rb +4 -2
  61. data/spec/lib/twitter_bootstrap_rails/modal_helper_spec.rb +15 -15
  62. data/spec/lib/twitter_bootstrap_rails/navbar_helper_spec.rb +157 -173
  63. data/spec/lib/twitter_bootstrap_rails/uri_state_spec.rb +18 -16
  64. data/spec/spec_helper.rb +7 -1
  65. data/vendor/assets/stylesheets/twitter-bootstrap-static/bootstrap.css.erb +5797 -0
  66. data/vendor/static-source/bootstrap.less +0 -1
  67. data/vendor/static-source/fontawesome.less +0 -1
  68. data/vendor/static-source/sprites.less +1 -1
  69. data/vendor/toolkit/fontawesome/bordered-pulled.less +16 -0
  70. data/vendor/toolkit/fontawesome/core.less +9 -126
  71. data/vendor/toolkit/fontawesome/fixed-width.less +6 -0
  72. data/vendor/toolkit/fontawesome/font-awesome.less +9 -25
  73. data/vendor/toolkit/fontawesome/icons.less +503 -378
  74. data/vendor/toolkit/fontawesome/larger.less +13 -0
  75. data/vendor/toolkit/fontawesome/list.less +19 -0
  76. data/vendor/toolkit/fontawesome/mixins.less +14 -42
  77. data/vendor/toolkit/fontawesome/path.less +1 -1
  78. data/vendor/toolkit/fontawesome/rotated-flipped.less +9 -0
  79. data/vendor/toolkit/fontawesome/spinning.less +32 -0
  80. data/vendor/toolkit/fontawesome/stacked.less +20 -0
  81. data/vendor/toolkit/fontawesome/variables.less +511 -731
  82. data/vendor/toolkit/twitter/bootstrap/alerts.less +47 -58
  83. data/vendor/toolkit/twitter/bootstrap/badges.less +55 -0
  84. data/vendor/toolkit/twitter/bootstrap/bootstrap.less +27 -39
  85. data/vendor/toolkit/twitter/bootstrap/breadcrumbs.less +11 -9
  86. data/vendor/toolkit/twitter/bootstrap/button-groups.less +168 -152
  87. data/vendor/toolkit/twitter/bootstrap/buttons.less +101 -170
  88. data/vendor/toolkit/twitter/bootstrap/carousel.less +150 -65
  89. data/vendor/toolkit/twitter/bootstrap/close.less +20 -19
  90. data/vendor/toolkit/twitter/bootstrap/code.less +38 -30
  91. data/vendor/toolkit/twitter/bootstrap/component-animations.less +12 -3
  92. data/vendor/toolkit/twitter/bootstrap/dropdowns.less +115 -148
  93. data/vendor/toolkit/twitter/bootstrap/forms.less +401 -547
  94. data/vendor/toolkit/twitter/bootstrap/glyphicons.less +233 -0
  95. data/vendor/toolkit/twitter/bootstrap/grid.less +74 -11
  96. data/vendor/toolkit/twitter/bootstrap/input-groups.less +166 -0
  97. data/vendor/toolkit/twitter/bootstrap/jumbotron.less +48 -0
  98. data/vendor/toolkit/twitter/bootstrap/labels.less +64 -0
  99. data/vendor/toolkit/twitter/bootstrap/list-group.less +132 -0
  100. data/vendor/toolkit/twitter/bootstrap/media.less +8 -7
  101. data/vendor/toolkit/twitter/bootstrap/mixins.less +36 -699
  102. data/vendor/toolkit/twitter/bootstrap/mixins/alerts.less +14 -0
  103. data/vendor/toolkit/twitter/bootstrap/mixins/background-variant.less +8 -0
  104. data/vendor/toolkit/twitter/bootstrap/mixins/border-radius.less +18 -0
  105. data/vendor/toolkit/twitter/bootstrap/mixins/buttons.less +52 -0
  106. data/vendor/toolkit/twitter/bootstrap/mixins/center-block.less +7 -0
  107. data/vendor/toolkit/twitter/bootstrap/mixins/clearfix.less +22 -0
  108. data/vendor/toolkit/twitter/bootstrap/mixins/forms.less +85 -0
  109. data/vendor/toolkit/twitter/bootstrap/mixins/gradients.less +59 -0
  110. data/vendor/toolkit/twitter/bootstrap/mixins/grid-framework.less +91 -0
  111. data/vendor/toolkit/twitter/bootstrap/mixins/grid.less +122 -0
  112. data/vendor/toolkit/twitter/bootstrap/mixins/hide-text.less +21 -0
  113. data/vendor/toolkit/twitter/bootstrap/mixins/image.less +33 -0
  114. data/vendor/toolkit/twitter/bootstrap/mixins/labels.less +12 -0
  115. data/vendor/toolkit/twitter/bootstrap/mixins/list-group.less +29 -0
  116. data/vendor/toolkit/twitter/bootstrap/mixins/nav-divider.less +10 -0
  117. data/vendor/toolkit/twitter/bootstrap/mixins/nav-vertical-align.less +9 -0
  118. data/vendor/toolkit/twitter/bootstrap/mixins/opacity.less +8 -0
  119. data/vendor/toolkit/twitter/bootstrap/mixins/pagination.less +23 -0
  120. data/vendor/toolkit/twitter/bootstrap/mixins/panels.less +24 -0
  121. data/vendor/toolkit/twitter/bootstrap/mixins/progress-bar.less +10 -0
  122. data/vendor/toolkit/twitter/bootstrap/mixins/reset-filter.less +8 -0
  123. data/vendor/toolkit/twitter/bootstrap/mixins/resize.less +6 -0
  124. data/vendor/toolkit/twitter/bootstrap/mixins/responsive-visibility.less +15 -0
  125. data/vendor/toolkit/twitter/bootstrap/mixins/size.less +10 -0
  126. data/vendor/toolkit/twitter/bootstrap/mixins/tab-focus.less +9 -0
  127. data/vendor/toolkit/twitter/bootstrap/mixins/table-row.less +28 -0
  128. data/vendor/toolkit/twitter/bootstrap/mixins/text-emphasis.less +8 -0
  129. data/vendor/toolkit/twitter/bootstrap/mixins/text-overflow.less +8 -0
  130. data/vendor/toolkit/twitter/bootstrap/mixins/vendor-prefixes.less +224 -0
  131. data/vendor/toolkit/twitter/bootstrap/modals.less +109 -54
  132. data/vendor/toolkit/twitter/bootstrap/navbar.less +542 -384
  133. data/vendor/toolkit/twitter/bootstrap/navs.less +192 -359
  134. data/vendor/toolkit/twitter/bootstrap/normalize.less +425 -0
  135. data/vendor/toolkit/twitter/bootstrap/pager.less +46 -34
  136. data/vendor/toolkit/twitter/bootstrap/pagination.less +70 -105
  137. data/vendor/toolkit/twitter/bootstrap/panels.less +248 -0
  138. data/vendor/toolkit/twitter/bootstrap/popovers.less +61 -61
  139. data/vendor/toolkit/twitter/bootstrap/print.less +101 -0
  140. data/vendor/toolkit/twitter/bootstrap/progress-bars.less +51 -73
  141. data/vendor/toolkit/twitter/bootstrap/responsive-embed.less +34 -0
  142. data/vendor/toolkit/twitter/bootstrap/responsive-utilities.less +177 -42
  143. data/vendor/toolkit/twitter/bootstrap/scaffolding.less +120 -23
  144. data/vendor/toolkit/twitter/bootstrap/tables.less +171 -182
  145. data/vendor/toolkit/twitter/bootstrap/theme.less +260 -0
  146. data/vendor/toolkit/twitter/bootstrap/thumbnails.less +26 -43
  147. data/vendor/toolkit/twitter/bootstrap/tooltip.less +49 -24
  148. data/vendor/toolkit/twitter/bootstrap/type.less +208 -147
  149. data/vendor/toolkit/twitter/bootstrap/utilities.less +33 -7
  150. data/vendor/toolkit/twitter/bootstrap/variables.less +761 -215
  151. data/vendor/toolkit/twitter/bootstrap/wells.less +7 -7
  152. metadata +128 -138
  153. data/app/assets/javascripts/twitter/bootstrap/bootstrap-affix.js +0 -117
  154. data/app/assets/javascripts/twitter/bootstrap/bootstrap-alert.js +0 -99
  155. data/app/assets/javascripts/twitter/bootstrap/bootstrap-button.js +0 -105
  156. data/app/assets/javascripts/twitter/bootstrap/bootstrap-carousel.js +0 -207
  157. data/app/assets/javascripts/twitter/bootstrap/bootstrap-collapse.js +0 -167
  158. data/app/assets/javascripts/twitter/bootstrap/bootstrap-dropdown.js +0 -169
  159. data/app/assets/javascripts/twitter/bootstrap/bootstrap-modal.js +0 -247
  160. data/app/assets/javascripts/twitter/bootstrap/bootstrap-popover.js +0 -114
  161. data/app/assets/javascripts/twitter/bootstrap/bootstrap-scrollspy.js +0 -162
  162. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tab.js +0 -144
  163. data/app/assets/javascripts/twitter/bootstrap/bootstrap-tooltip.js +0 -361
  164. data/app/assets/javascripts/twitter/bootstrap/bootstrap-transition.js +0 -60
  165. data/app/assets/javascripts/twitter/bootstrap/bootstrap-typeahead.js +0 -335
  166. data/test/lib/breadcrumbs_test.rb +0 -75
  167. data/test/test_helper.rb +0 -11
  168. data/vendor/toolkit/fontawesome/bootstrap.less +0 -84
  169. data/vendor/toolkit/fontawesome/extras.less +0 -93
  170. data/vendor/toolkit/fontawesome/font-awesome-ie7.less +0 -1953
  171. data/vendor/toolkit/twitter/bootstrap/accordion.less +0 -34
  172. data/vendor/toolkit/twitter/bootstrap/hero-unit.less +0 -25
  173. data/vendor/toolkit/twitter/bootstrap/labels-badges.less +0 -84
  174. data/vendor/toolkit/twitter/bootstrap/layouts.less +0 -16
  175. data/vendor/toolkit/twitter/bootstrap/reset.less +0 -216
  176. data/vendor/toolkit/twitter/bootstrap/responsive-1200px-min.less +0 -28
  177. data/vendor/toolkit/twitter/bootstrap/responsive-767px-max.less +0 -193
  178. data/vendor/toolkit/twitter/bootstrap/responsive-768px-979px.less +0 -19
  179. data/vendor/toolkit/twitter/bootstrap/responsive-navbar.less +0 -189
  180. data/vendor/toolkit/twitter/bootstrap/responsive.less +0 -48
  181. data/vendor/toolkit/twitter/bootstrap/sprites.less +0 -197
@@ -1,34 +0,0 @@
1
- //
2
- // Accordion
3
- // --------------------------------------------------
4
-
5
-
6
- // Parent container
7
- .accordion {
8
- margin-bottom: @baseLineHeight;
9
- }
10
-
11
- // Group == heading + body
12
- .accordion-group {
13
- margin-bottom: 2px;
14
- border: 1px solid #e5e5e5;
15
- .border-radius(@baseBorderRadius);
16
- }
17
- .accordion-heading {
18
- border-bottom: 0;
19
- }
20
- .accordion-heading .accordion-toggle {
21
- display: block;
22
- padding: 8px 15px;
23
- }
24
-
25
- // General toggle styles
26
- .accordion-toggle {
27
- cursor: pointer;
28
- }
29
-
30
- // Inner needs the styles because you can't animate properly with any styles on the element
31
- .accordion-inner {
32
- padding: 9px 15px;
33
- border-top: 1px solid #e5e5e5;
34
- }
@@ -1,25 +0,0 @@
1
- //
2
- // Hero unit
3
- // --------------------------------------------------
4
-
5
-
6
- .hero-unit {
7
- padding: 60px;
8
- margin-bottom: 30px;
9
- font-size: 18px;
10
- font-weight: 200;
11
- line-height: @baseLineHeight * 1.5;
12
- color: @heroUnitLeadColor;
13
- background-color: @heroUnitBackground;
14
- .border-radius(6px);
15
- h1 {
16
- margin-bottom: 0;
17
- font-size: 60px;
18
- line-height: 1;
19
- color: @heroUnitHeadingColor;
20
- letter-spacing: -1px;
21
- }
22
- li {
23
- line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less
24
- }
25
- }
@@ -1,84 +0,0 @@
1
- //
2
- // Labels and badges
3
- // --------------------------------------------------
4
-
5
-
6
- // Base classes
7
- .label,
8
- .badge {
9
- display: inline-block;
10
- padding: 2px 4px;
11
- font-size: @baseFontSize * .846;
12
- font-weight: bold;
13
- line-height: 14px; // ensure proper line-height if floated
14
- color: @white;
15
- vertical-align: baseline;
16
- white-space: nowrap;
17
- text-shadow: 0 -1px 0 rgba(0,0,0,.25);
18
- background-color: @grayLight;
19
- }
20
- // Set unique padding and border-radii
21
- .label {
22
- .border-radius(3px);
23
- }
24
- .badge {
25
- padding-left: 9px;
26
- padding-right: 9px;
27
- .border-radius(9px);
28
- }
29
-
30
- // Empty labels/badges collapse
31
- .label,
32
- .badge {
33
- &:empty {
34
- display: none;
35
- }
36
- }
37
-
38
- // Hover/focus state, but only for links
39
- a {
40
- &.label:hover,
41
- &.label:focus,
42
- &.badge:hover,
43
- &.badge:focus {
44
- color: @white;
45
- text-decoration: none;
46
- cursor: pointer;
47
- }
48
- }
49
-
50
- // Colors
51
- // Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
52
- .label,
53
- .badge {
54
- // Important (red)
55
- &-important { background-color: @errorText; }
56
- &-important[href] { background-color: darken(@errorText, 10%); }
57
- // Warnings (orange)
58
- &-warning { background-color: @orange; }
59
- &-warning[href] { background-color: darken(@orange, 10%); }
60
- // Success (green)
61
- &-success { background-color: @successText; }
62
- &-success[href] { background-color: darken(@successText, 10%); }
63
- // Info (turquoise)
64
- &-info { background-color: @infoText; }
65
- &-info[href] { background-color: darken(@infoText, 10%); }
66
- // Inverse (black)
67
- &-inverse { background-color: @grayDark; }
68
- &-inverse[href] { background-color: darken(@grayDark, 10%); }
69
- }
70
-
71
- // Quick fix for labels/badges in buttons
72
- .btn {
73
- .label,
74
- .badge {
75
- position: relative;
76
- top: -1px;
77
- }
78
- }
79
- .btn-mini {
80
- .label,
81
- .badge {
82
- top: 0;
83
- }
84
- }
@@ -1,16 +0,0 @@
1
- //
2
- // Layouts
3
- // --------------------------------------------------
4
-
5
-
6
- // Container (centered, fixed-width layouts)
7
- .container {
8
- .container-fixed();
9
- }
10
-
11
- // Fluid layouts (left aligned, with sidebar, min- & max-width content)
12
- .container-fluid {
13
- padding-right: @gridGutterWidth;
14
- padding-left: @gridGutterWidth;
15
- .clearfix();
16
- }
@@ -1,216 +0,0 @@
1
- //
2
- // Reset CSS
3
- // Adapted from http://github.com/necolas/normalize.css
4
- // --------------------------------------------------
5
-
6
-
7
- // Display in IE6-9 and FF3
8
- // -------------------------
9
-
10
- article,
11
- aside,
12
- details,
13
- figcaption,
14
- figure,
15
- footer,
16
- header,
17
- hgroup,
18
- nav,
19
- section {
20
- display: block;
21
- }
22
-
23
- // Display block in IE6-9 and FF3
24
- // -------------------------
25
-
26
- audio,
27
- canvas,
28
- video {
29
- display: inline-block;
30
- *display: inline;
31
- *zoom: 1;
32
- }
33
-
34
- // Prevents modern browsers from displaying 'audio' without controls
35
- // -------------------------
36
-
37
- audio:not([controls]) {
38
- display: none;
39
- }
40
-
41
- // Base settings
42
- // -------------------------
43
-
44
- html {
45
- font-size: 100%;
46
- -webkit-text-size-adjust: 100%;
47
- -ms-text-size-adjust: 100%;
48
- }
49
- // Focus states
50
- a:focus {
51
- .tab-focus();
52
- }
53
- // Hover & Active
54
- a:hover,
55
- a:active {
56
- outline: 0;
57
- }
58
-
59
- // Prevents sub and sup affecting line-height in all browsers
60
- // -------------------------
61
-
62
- sub,
63
- sup {
64
- position: relative;
65
- font-size: 75%;
66
- line-height: 0;
67
- vertical-align: baseline;
68
- }
69
- sup {
70
- top: -0.5em;
71
- }
72
- sub {
73
- bottom: -0.25em;
74
- }
75
-
76
- // Img border in a's and image quality
77
- // -------------------------
78
-
79
- img {
80
- /* Responsive images (ensure images don't scale beyond their parents) */
81
- max-width: 100%; /* Part 1: Set a maxium relative to the parent */
82
- width: auto\9; /* IE7-8 need help adjusting responsive images */
83
- height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
84
-
85
- vertical-align: middle;
86
- border: 0;
87
- -ms-interpolation-mode: bicubic;
88
- }
89
-
90
- // Prevent max-width from affecting Google Maps
91
- #map_canvas img,
92
- .google-maps img {
93
- max-width: none;
94
- }
95
-
96
- // Forms
97
- // -------------------------
98
-
99
- // Font size in all browsers, margin changes, misc consistency
100
- button,
101
- input,
102
- select,
103
- textarea {
104
- margin: 0;
105
- font-size: 100%;
106
- vertical-align: middle;
107
- }
108
- button,
109
- input {
110
- *overflow: visible; // Inner spacing ie IE6/7
111
- line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
112
- }
113
- button::-moz-focus-inner,
114
- input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
115
- padding: 0;
116
- border: 0;
117
- }
118
- button,
119
- html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
120
- input[type="reset"],
121
- input[type="submit"] {
122
- -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
123
- cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
124
- }
125
- label,
126
- select,
127
- button,
128
- input[type="button"],
129
- input[type="reset"],
130
- input[type="submit"],
131
- input[type="radio"],
132
- input[type="checkbox"] {
133
- cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
134
- }
135
- input[type="search"] { // Appearance in Safari/Chrome
136
- .box-sizing(content-box);
137
- -webkit-appearance: textfield;
138
- }
139
- input[type="search"]::-webkit-search-decoration,
140
- input[type="search"]::-webkit-search-cancel-button {
141
- -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
142
- }
143
- textarea {
144
- overflow: auto; // Remove vertical scrollbar in IE6-9
145
- vertical-align: top; // Readability and alignment cross-browser
146
- }
147
-
148
-
149
- // Printing
150
- // -------------------------
151
- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
152
-
153
- @media print {
154
-
155
- * {
156
- text-shadow: none !important;
157
- color: #000 !important; // Black prints faster: h5bp.com/s
158
- background: transparent !important;
159
- box-shadow: none !important;
160
- }
161
-
162
- a,
163
- a:visited {
164
- text-decoration: underline;
165
- }
166
-
167
- a[href]:after {
168
- content: " (" attr(href) ")";
169
- }
170
-
171
- abbr[title]:after {
172
- content: " (" attr(title) ")";
173
- }
174
-
175
- // Don't show links for images, or javascript/internal links
176
- .ir a:after,
177
- a[href^="javascript:"]:after,
178
- a[href^="#"]:after {
179
- content: "";
180
- }
181
-
182
- pre,
183
- blockquote {
184
- border: 1px solid #999;
185
- page-break-inside: avoid;
186
- }
187
-
188
- thead {
189
- display: table-header-group; // h5bp.com/t
190
- }
191
-
192
- tr,
193
- img {
194
- page-break-inside: avoid;
195
- }
196
-
197
- img {
198
- max-width: 100% !important;
199
- }
200
-
201
- @page {
202
- margin: 0.5cm;
203
- }
204
-
205
- p,
206
- h2,
207
- h3 {
208
- orphans: 3;
209
- widows: 3;
210
- }
211
-
212
- h2,
213
- h3 {
214
- page-break-after: avoid;
215
- }
216
- }
@@ -1,28 +0,0 @@
1
- //
2
- // Responsive: Large desktop and up
3
- // --------------------------------------------------
4
-
5
-
6
- @media (min-width: 1200px) {
7
-
8
- // Fixed grid
9
- #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);
10
-
11
- // Fluid grid
12
- #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
13
-
14
- // Input grid
15
- #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);
16
-
17
- // Thumbnails
18
- .thumbnails {
19
- margin-left: -@gridGutterWidth1200;
20
- }
21
- .thumbnails > li {
22
- margin-left: @gridGutterWidth1200;
23
- }
24
- .row-fluid .thumbnails {
25
- margin-left: 0;
26
- }
27
-
28
- }
@@ -1,193 +0,0 @@
1
- //
2
- // Responsive: Landscape phone to desktop/tablet
3
- // --------------------------------------------------
4
-
5
-
6
- @media (max-width: 767px) {
7
-
8
- // Padding to set content in a bit
9
- body {
10
- padding-left: 20px;
11
- padding-right: 20px;
12
- }
13
- // Negative indent the now static "fixed" navbar
14
- .navbar-fixed-top,
15
- .navbar-fixed-bottom,
16
- .navbar-static-top {
17
- margin-left: -20px;
18
- margin-right: -20px;
19
- }
20
- // Remove padding on container given explicit padding set on body
21
- .container-fluid {
22
- padding: 0;
23
- }
24
-
25
- // TYPOGRAPHY
26
- // ----------
27
- // Reset horizontal dl
28
- .dl-horizontal {
29
- dt {
30
- float: none;
31
- clear: none;
32
- width: auto;
33
- text-align: left;
34
- }
35
- dd {
36
- margin-left: 0;
37
- }
38
- }
39
-
40
- // GRID & CONTAINERS
41
- // -----------------
42
- // Remove width from containers
43
- .container {
44
- width: auto;
45
- }
46
- // Fluid rows
47
- .row-fluid {
48
- width: 100%;
49
- }
50
- // Undo negative margin on rows and thumbnails
51
- .row,
52
- .thumbnails {
53
- margin-left: 0;
54
- }
55
- .thumbnails > li {
56
- float: none;
57
- margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
58
- }
59
- // Make all grid-sized elements block level again
60
- [class*="span"],
61
- .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing
62
- .row-fluid [class*="span"] {
63
- float: none;
64
- display: block;
65
- width: 100%;
66
- margin-left: 0;
67
- .box-sizing(border-box);
68
- }
69
- .span12,
70
- .row-fluid .span12 {
71
- width: 100%;
72
- .box-sizing(border-box);
73
- }
74
- .row-fluid [class*="offset"]:first-child {
75
- margin-left: 0;
76
- }
77
-
78
- // FORM FIELDS
79
- // -----------
80
- // Make span* classes full width
81
- .input-large,
82
- .input-xlarge,
83
- .input-xxlarge,
84
- input[class*="span"],
85
- select[class*="span"],
86
- textarea[class*="span"],
87
- .uneditable-input {
88
- .input-block-level();
89
- }
90
- // But don't let it screw up prepend/append inputs
91
- .input-prepend input,
92
- .input-append input,
93
- .input-prepend input[class*="span"],
94
- .input-append input[class*="span"] {
95
- display: inline-block; // redeclare so they don't wrap to new lines
96
- width: auto;
97
- }
98
- .controls-row [class*="span"] + [class*="span"] {
99
- margin-left: 0;
100
- }
101
-
102
- // Modals
103
- .modal {
104
- position: fixed;
105
- top: 20px;
106
- left: 20px;
107
- right: 20px;
108
- width: auto;
109
- margin: 0;
110
- &.fade { top: -100px; }
111
- &.fade.in { top: 20px; }
112
- }
113
-
114
- }
115
-
116
-
117
-
118
- // UP TO LANDSCAPE PHONE
119
- // ---------------------
120
-
121
- @media (max-width: 480px) {
122
-
123
- // Smooth out the collapsing/expanding nav
124
- .nav-collapse {
125
- -webkit-transform: translate3d(0, 0, 0); // activate the GPU
126
- }
127
-
128
- // Block level the page header small tag for readability
129
- .page-header h1 small {
130
- display: block;
131
- line-height: @baseLineHeight;
132
- }
133
-
134
- // Update checkboxes for iOS
135
- input[type="checkbox"],
136
- input[type="radio"] {
137
- border: 1px solid #ccc;
138
- }
139
-
140
- // Remove the horizontal form styles
141
- .form-horizontal {
142
- .control-label {
143
- float: none;
144
- width: auto;
145
- padding-top: 0;
146
- text-align: left;
147
- }
148
- // Move over all input controls and content
149
- .controls {
150
- margin-left: 0;
151
- }
152
- // Move the options list down to align with labels
153
- .control-list {
154
- padding-top: 0; // has to be padding because margin collaspes
155
- }
156
- // Move over buttons in .form-actions to align with .controls
157
- .form-actions {
158
- padding-left: 10px;
159
- padding-right: 10px;
160
- }
161
- }
162
-
163
- // Medias
164
- // Reset float and spacing to stack
165
- .media .pull-left,
166
- .media .pull-right {
167
- float: none;
168
- display: block;
169
- margin-bottom: 10px;
170
- }
171
- // Remove side margins since we stack instead of indent
172
- .media-object {
173
- margin-right: 0;
174
- margin-left: 0;
175
- }
176
-
177
- // Modals
178
- .modal {
179
- top: 10px;
180
- left: 10px;
181
- right: 10px;
182
- }
183
- .modal-header .close {
184
- padding: 10px;
185
- margin: -10px;
186
- }
187
-
188
- // Carousel
189
- .carousel-caption {
190
- position: static;
191
- }
192
-
193
- }