bootstrap-generators 2.2.1 → 2.2.2
Sign up to get free protection for your applications and to get access to all the features.
- data/README.md +1 -1
- data/lib/bootstrap/generators/version.rb +1 -1
- data/vendor/assets/javascripts/bootstrap-affix.js +12 -1
- data/vendor/assets/javascripts/bootstrap-alert.js +12 -1
- data/vendor/assets/javascripts/bootstrap-button.js +12 -1
- data/vendor/assets/javascripts/bootstrap-carousel.js +11 -2
- data/vendor/assets/javascripts/bootstrap-collapse.js +15 -4
- data/vendor/assets/javascripts/bootstrap-dropdown.js +16 -3
- data/vendor/assets/javascripts/bootstrap-modal.js +12 -1
- data/vendor/assets/javascripts/bootstrap-popover.js +14 -3
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +13 -2
- data/vendor/assets/javascripts/bootstrap-tab.js +12 -1
- data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -1
- data/vendor/assets/javascripts/bootstrap-transition.js +1 -1
- data/vendor/assets/javascripts/bootstrap-typeahead.js +23 -10
- data/vendor/assets/stylesheets/bootstrap-responsive.css +37 -3
- data/vendor/assets/stylesheets/bootstrap.css +643 -378
- data/vendor/twitter/bootstrap/less/alerts.less +14 -0
- data/vendor/twitter/bootstrap/less/bootstrap.less +1 -1
- data/vendor/twitter/bootstrap/less/breadcrumbs.less +6 -6
- data/vendor/twitter/bootstrap/less/button-groups.less +27 -42
- data/vendor/twitter/bootstrap/less/buttons.less +5 -7
- data/vendor/twitter/bootstrap/less/carousel.less +15 -15
- data/vendor/twitter/bootstrap/less/code.less +3 -0
- data/vendor/twitter/bootstrap/less/dropdowns.less +5 -9
- data/vendor/twitter/bootstrap/less/forms.less +12 -8
- data/vendor/twitter/bootstrap/less/labels-badges.less +8 -0
- data/vendor/twitter/bootstrap/less/mixins.less +1 -1
- data/vendor/twitter/bootstrap/less/modals.less +4 -3
- data/vendor/twitter/bootstrap/less/navbar.less +21 -6
- data/vendor/twitter/bootstrap/less/navs.less +6 -0
- data/vendor/twitter/bootstrap/less/popovers.less +50 -38
- data/vendor/twitter/bootstrap/less/reset.less +82 -4
- data/vendor/twitter/bootstrap/less/responsive.less +10 -1
- data/vendor/twitter/bootstrap/less/tables.less +35 -34
- data/vendor/twitter/bootstrap/less/type.less +29 -21
- data/vendor/twitter/bootstrap/less/variables.less +4 -4
- data/vendor/twitter/bootstrap/sass/_alerts.scss +14 -0
- data/vendor/twitter/bootstrap/sass/_breadcrumbs.scss +5 -5
- data/vendor/twitter/bootstrap/sass/_button-groups.scss +27 -42
- data/vendor/twitter/bootstrap/sass/_buttons.scss +5 -7
- data/vendor/twitter/bootstrap/sass/_carousel.scss +15 -15
- data/vendor/twitter/bootstrap/sass/_code.scss +3 -0
- data/vendor/twitter/bootstrap/sass/_dropdowns.scss +5 -9
- data/vendor/twitter/bootstrap/sass/_forms.scss +12 -8
- data/vendor/twitter/bootstrap/sass/_labels-badges.scss +25 -15
- data/vendor/twitter/bootstrap/sass/_mixins.scss +3 -3
- data/vendor/twitter/bootstrap/sass/_modals.scss +1 -1
- data/vendor/twitter/bootstrap/sass/_navbar.scss +22 -4
- data/vendor/twitter/bootstrap/sass/_navs.scss +6 -0
- data/vendor/twitter/bootstrap/sass/_popovers.scss +50 -38
- data/vendor/twitter/bootstrap/sass/_reset.scss +82 -4
- data/vendor/twitter/bootstrap/sass/_tables.scss +36 -35
- data/vendor/twitter/bootstrap/sass/_type.scss +29 -21
- data/vendor/twitter/bootstrap/sass/_variables.scss +9 -9
- data/vendor/twitter/bootstrap/sass/bootstrap.scss +1 -1
- data/vendor/twitter/bootstrap/sass/responsive.scss +10 -1
- metadata +10 -12
- data/vendor/assets/stylesheets/bootstrap-responsive.min.css +0 -9
- data/vendor/assets/stylesheets/bootstrap.min.css +0 -9
@@ -138,7 +138,6 @@ input[type="checkbox"] {
|
|
138
138
|
*margin-top: 0; /* IE7 */
|
139
139
|
margin-top: 1px \9; /* IE8-9 */
|
140
140
|
line-height: normal;
|
141
|
-
cursor: pointer;
|
142
141
|
}
|
143
142
|
|
144
143
|
// Reset width of input images, buttons, radios, checkboxes
|
@@ -367,9 +366,9 @@ input[type="checkbox"][readonly] {
|
|
367
366
|
|
368
367
|
// HTML5 invalid states
|
369
368
|
// Shares styles with the .control-group.error above
|
370
|
-
input:focus:
|
371
|
-
textarea:focus:
|
372
|
-
select:focus:
|
369
|
+
input:focus:invalid,
|
370
|
+
textarea:focus:invalid,
|
371
|
+
select:focus:invalid {
|
373
372
|
color: #b94a48;
|
374
373
|
border-color: #ee5f5b;
|
375
374
|
&:focus {
|
@@ -462,7 +461,8 @@ select:focus:required:invalid {
|
|
462
461
|
border: 1px solid #ccc;
|
463
462
|
}
|
464
463
|
.add-on,
|
465
|
-
.btn
|
464
|
+
.btn,
|
465
|
+
.btn-group > .dropdown-toggle {
|
466
466
|
vertical-align: top;
|
467
467
|
@include border-radius(0);
|
468
468
|
}
|
@@ -489,7 +489,7 @@ select:focus:required:invalid {
|
|
489
489
|
select,
|
490
490
|
.uneditable-input {
|
491
491
|
@include border-radius($inputBorderRadius 0 0 $inputBorderRadius);
|
492
|
-
+ .btn-group .btn {
|
492
|
+
+ .btn-group .btn:last-child {
|
493
493
|
@include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
|
494
494
|
}
|
495
495
|
}
|
@@ -499,7 +499,8 @@ select:focus:required:invalid {
|
|
499
499
|
margin-left: -1px;
|
500
500
|
}
|
501
501
|
.add-on:last-child,
|
502
|
-
.btn:last-child
|
502
|
+
.btn:last-child,
|
503
|
+
.btn-group:last-child > .dropdown-toggle {
|
503
504
|
@include border-radius(0 $inputBorderRadius $inputBorderRadius 0);
|
504
505
|
}
|
505
506
|
}
|
@@ -670,7 +671,10 @@ legend + .control-group {
|
|
670
671
|
// And apply it only to .help-block instances that follow a form control
|
671
672
|
input,
|
672
673
|
select,
|
673
|
-
textarea
|
674
|
+
textarea,
|
675
|
+
.uneditable-input,
|
676
|
+
.input-prepend,
|
677
|
+
.input-append {
|
674
678
|
+ .help-block {
|
675
679
|
margin-top: $baseLineHeight / 2;
|
676
680
|
}
|
@@ -27,6 +27,14 @@
|
|
27
27
|
@include border-radius(9px);
|
28
28
|
}
|
29
29
|
|
30
|
+
// Empty labels/badges collapse
|
31
|
+
.label,
|
32
|
+
.badge {
|
33
|
+
&:empty {
|
34
|
+
display: none;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
30
38
|
// Hover state, but only for links
|
31
39
|
a {
|
32
40
|
&.label:hover,
|
@@ -39,21 +47,23 @@ a {
|
|
39
47
|
|
40
48
|
// Colors
|
41
49
|
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
50
|
+
@each $item in label, badge {
|
51
|
+
// Important (red)
|
52
|
+
.#{$item}-important { background-color: $errorText; }
|
53
|
+
.#{$item}-important[href] { background-color: darken($errorText, 10%); }
|
54
|
+
// Warnings (orange)
|
55
|
+
.#{$item}-warning { background-color: $orange; }
|
56
|
+
.#{$item}-warning[href] { background-color: darken($orange, 10%); }
|
57
|
+
// Success (green)
|
58
|
+
.#{$item}-success { background-color: $successText; }
|
59
|
+
.#{$item}-success[href] { background-color: darken($successText, 10%); }
|
60
|
+
// Info (turquoise)
|
61
|
+
.#{$item}-info { background-color: $infoText; }
|
62
|
+
.#{$item}-info[href] { background-color: darken($infoText, 10%); }
|
63
|
+
// Inverse (black)
|
64
|
+
.#{$item}-inverse { background-color: $grayDark; }
|
65
|
+
.#{$item}-inverse[href] { background-color: darken($grayDark, 10%); }
|
66
|
+
}
|
57
67
|
|
58
68
|
// Quick fix for labels/badges in buttons
|
59
69
|
.btn {
|
@@ -111,6 +111,7 @@
|
|
111
111
|
border: 0;
|
112
112
|
}
|
113
113
|
|
114
|
+
|
114
115
|
// FONTS
|
115
116
|
// --------------------------------------------------
|
116
117
|
|
@@ -158,7 +159,7 @@
|
|
158
159
|
// Mixin for form field states
|
159
160
|
@mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
|
160
161
|
// Set the text color
|
161
|
-
|
162
|
+
.control-label,
|
162
163
|
.help-block,
|
163
164
|
.help-inline {
|
164
165
|
color: $textColor;
|
@@ -256,7 +257,6 @@
|
|
256
257
|
-o-transition: $transition;
|
257
258
|
transition: $transition;
|
258
259
|
}
|
259
|
-
|
260
260
|
@mixin transition-delay($transition-delay) {
|
261
261
|
-webkit-transition-delay: $transition-delay;
|
262
262
|
-moz-transition-delay: $transition-delay;
|
@@ -413,7 +413,7 @@
|
|
413
413
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); // IE9 and down
|
414
414
|
}
|
415
415
|
@mixin gradient-vertical($startColor: #555, $endColor: #333) {
|
416
|
-
background-color: mix($startColor, $endColor,
|
416
|
+
background-color: mix($startColor, $endColor, 60%);
|
417
417
|
background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
|
418
418
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
|
419
419
|
background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
|
@@ -26,7 +26,6 @@
|
|
26
26
|
top: 50%;
|
27
27
|
left: 50%;
|
28
28
|
z-index: $zindexModal;
|
29
|
-
overflow: auto;
|
30
29
|
width: 560px;
|
31
30
|
margin: -250px 0 0 -280px;
|
32
31
|
background-color: $white;
|
@@ -59,6 +58,7 @@
|
|
59
58
|
|
60
59
|
// Body (where all modal content resides)
|
61
60
|
.modal-body {
|
61
|
+
position: relative;
|
62
62
|
overflow-y: auto;
|
63
63
|
max-height: 400px;
|
64
64
|
padding: 15px;
|
@@ -10,7 +10,6 @@
|
|
10
10
|
.navbar {
|
11
11
|
overflow: visible;
|
12
12
|
margin-bottom: $baseLineHeight;
|
13
|
-
color: $navbarText;
|
14
13
|
|
15
14
|
// Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
|
16
15
|
*position: relative;
|
@@ -67,6 +66,7 @@
|
|
67
66
|
.navbar-text {
|
68
67
|
margin-bottom: 0;
|
69
68
|
line-height: $navbarHeight;
|
69
|
+
color: $navbarText;
|
70
70
|
}
|
71
71
|
|
72
72
|
// Janky solution for now to account for links outside the .nav
|
@@ -123,7 +123,7 @@
|
|
123
123
|
}
|
124
124
|
.input-append,
|
125
125
|
.input-prepend {
|
126
|
-
margin-top:
|
126
|
+
margin-top: 5px;
|
127
127
|
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
|
128
128
|
input {
|
129
129
|
margin-top: 0; // remove the margin on top since it's on the parent
|
@@ -245,6 +245,7 @@
|
|
245
245
|
}
|
246
246
|
.navbar .nav .dropdown-toggle .caret {
|
247
247
|
margin-top: 8px;
|
248
|
+
|
248
249
|
}
|
249
250
|
|
250
251
|
// Hover
|
@@ -273,7 +274,7 @@
|
|
273
274
|
padding: 7px 10px;
|
274
275
|
margin-left: 5px;
|
275
276
|
margin-right: 5px;
|
276
|
-
@include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5
|
277
|
+
@include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5%));
|
277
278
|
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075));
|
278
279
|
}
|
279
280
|
.navbar .btn-navbar .icon-bar {
|
@@ -334,6 +335,12 @@
|
|
334
335
|
}
|
335
336
|
}
|
336
337
|
|
338
|
+
// Caret should match text color on hover
|
339
|
+
.navbar .nav li.dropdown > a:hover .caret {
|
340
|
+
border-top-color: $navbarLinkColorActive;
|
341
|
+
border-bottom-color: $navbarLinkColorActive;
|
342
|
+
}
|
343
|
+
|
337
344
|
// Remove background color from open dropdown
|
338
345
|
.navbar .nav li.dropdown.open > .dropdown-toggle,
|
339
346
|
.navbar .nav li.dropdown.active > .dropdown-toggle,
|
@@ -379,7 +386,6 @@
|
|
379
386
|
// -------------------------
|
380
387
|
|
381
388
|
.navbar-inverse {
|
382
|
-
color: $navbarInverseText;
|
383
389
|
|
384
390
|
.navbar-inner {
|
385
391
|
@include gradient-vertical($navbarInverseBackgroundHighlight, $navbarInverseBackground);
|
@@ -395,6 +401,14 @@
|
|
395
401
|
}
|
396
402
|
}
|
397
403
|
|
404
|
+
.brand {
|
405
|
+
color: $navbarInverseBrandColor;
|
406
|
+
}
|
407
|
+
|
408
|
+
.navbar-text {
|
409
|
+
color: $navbarInverseText;
|
410
|
+
}
|
411
|
+
|
398
412
|
.nav > li > a:focus,
|
399
413
|
.nav > li > a:hover {
|
400
414
|
background-color: $navbarInverseLinkBackgroundHover;
|
@@ -429,6 +443,10 @@
|
|
429
443
|
background-color: $navbarInverseLinkBackgroundActive;
|
430
444
|
color: $navbarInverseLinkColorActive;
|
431
445
|
}
|
446
|
+
.nav li.dropdown > a:hover .caret {
|
447
|
+
border-top-color: $navbarInverseLinkColorActive;
|
448
|
+
color: $navbarInverseLinkColorActive;
|
449
|
+
}
|
432
450
|
.nav li.dropdown > .dropdown-toggle .caret {
|
433
451
|
border-top-color: $navbarInverseLinkColor;
|
434
452
|
border-bottom-color: $navbarInverseLinkColor;
|
@@ -21,6 +21,12 @@
|
|
21
21
|
background-color: $grayLighter;
|
22
22
|
}
|
23
23
|
|
24
|
+
// Prevent IE8 from misplacing imgs
|
25
|
+
// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
|
26
|
+
.nav > li > a > img {
|
27
|
+
max-width: none;
|
28
|
+
}
|
29
|
+
|
24
30
|
// Redeclare pull classes because of specifity
|
25
31
|
.nav > .pull-right {
|
26
32
|
float: right;
|
@@ -11,6 +11,7 @@
|
|
11
11
|
display: none;
|
12
12
|
width: 236px;
|
13
13
|
padding: 1px;
|
14
|
+
text-align: left; // Reset given new insertion method
|
14
15
|
background-color: $popoverBackground;
|
15
16
|
-webkit-background-clip: padding-box;
|
16
17
|
-moz-background-clip: padding;
|
@@ -20,12 +21,14 @@
|
|
20
21
|
@include border-radius(6px);
|
21
22
|
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
22
23
|
|
24
|
+
// Overrides for proper insertion
|
25
|
+
white-space: normal;
|
26
|
+
|
23
27
|
// Offset the popover to account for the popover arrow
|
24
28
|
&.top { margin-top: -10px; }
|
25
29
|
&.right { margin-left: 10px; }
|
26
30
|
&.bottom { margin-top: 10px; }
|
27
31
|
&.left { margin-left: -10px; }
|
28
|
-
|
29
32
|
}
|
30
33
|
|
31
34
|
.popover-title {
|
@@ -41,77 +44,86 @@
|
|
41
44
|
|
42
45
|
.popover-content {
|
43
46
|
padding: 9px 14px;
|
44
|
-
p, ul, ol {
|
45
|
-
margin-bottom: 0;
|
46
|
-
}
|
47
47
|
}
|
48
48
|
|
49
49
|
// Arrows
|
50
|
+
//
|
51
|
+
// .arrow is outer, .arrow:after is inner
|
52
|
+
|
50
53
|
.popover .arrow,
|
51
54
|
.popover .arrow:after {
|
52
55
|
position: absolute;
|
53
|
-
display:
|
56
|
+
display: block;
|
54
57
|
width: 0;
|
55
58
|
height: 0;
|
56
59
|
border-color: transparent;
|
57
60
|
border-style: solid;
|
58
61
|
}
|
62
|
+
.popover .arrow {
|
63
|
+
border-width: $popoverArrowOuterWidth;
|
64
|
+
}
|
59
65
|
.popover .arrow:after {
|
66
|
+
border-width: $popoverArrowWidth;
|
60
67
|
content: "";
|
61
|
-
z-index: -1;
|
62
68
|
}
|
63
69
|
|
64
70
|
.popover {
|
65
71
|
&.top .arrow {
|
66
|
-
bottom: -$popoverArrowWidth;
|
67
72
|
left: 50%;
|
68
|
-
margin-left: -$
|
69
|
-
border-width:
|
70
|
-
border-top-color:
|
73
|
+
margin-left: -$popoverArrowOuterWidth;
|
74
|
+
border-bottom-width: 0;
|
75
|
+
border-top-color: #999; // IE8 fallback
|
76
|
+
border-top-color: $popoverArrowOuterColor;
|
77
|
+
bottom: -$popoverArrowOuterWidth;
|
71
78
|
&:after {
|
72
|
-
|
73
|
-
|
74
|
-
bottom:
|
75
|
-
|
79
|
+
bottom: 1px;
|
80
|
+
margin-left: -$popoverArrowWidth;
|
81
|
+
border-bottom-width: 0;
|
82
|
+
border-top-color: $popoverArrowColor;
|
76
83
|
}
|
77
84
|
}
|
78
85
|
&.right .arrow {
|
79
86
|
top: 50%;
|
80
|
-
left: -$
|
81
|
-
margin-top: -$
|
82
|
-
border-width:
|
83
|
-
border-right-color:
|
87
|
+
left: -$popoverArrowOuterWidth;
|
88
|
+
margin-top: -$popoverArrowOuterWidth;
|
89
|
+
border-left-width: 0;
|
90
|
+
border-right-color: #999; // IE8 fallback
|
91
|
+
border-right-color: $popoverArrowOuterColor;
|
84
92
|
&:after {
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
93
|
+
left: 1px;
|
94
|
+
bottom: -$popoverArrowWidth;
|
95
|
+
border-left-width: 0;
|
96
|
+
border-right-color: $popoverArrowColor;
|
89
97
|
}
|
90
98
|
}
|
91
99
|
&.bottom .arrow {
|
92
|
-
top: -$popoverArrowWidth;
|
93
100
|
left: 50%;
|
94
|
-
margin-left: -$
|
95
|
-
border-width: 0
|
96
|
-
border-bottom-color:
|
101
|
+
margin-left: -$popoverArrowOuterWidth;
|
102
|
+
border-top-width: 0;
|
103
|
+
border-bottom-color: #999; // IE8 fallback
|
104
|
+
border-bottom-color: $popoverArrowOuterColor;
|
105
|
+
top: -$popoverArrowOuterWidth;
|
97
106
|
&:after {
|
98
|
-
|
99
|
-
|
100
|
-
top:
|
101
|
-
|
107
|
+
top: 1px;
|
108
|
+
margin-left: -$popoverArrowWidth;
|
109
|
+
border-top-width: 0;
|
110
|
+
border-bottom-color: $popoverArrowColor;
|
102
111
|
}
|
103
112
|
}
|
113
|
+
|
104
114
|
&.left .arrow {
|
105
115
|
top: 50%;
|
106
|
-
right: -$
|
107
|
-
margin-top: -$
|
108
|
-
border-width:
|
109
|
-
border-left-color:
|
116
|
+
right: -$popoverArrowOuterWidth;
|
117
|
+
margin-top: -$popoverArrowOuterWidth;
|
118
|
+
border-right-width: 0;
|
119
|
+
border-left-color: #999; // IE8 fallback
|
120
|
+
border-left-color: $popoverArrowOuterColor;
|
110
121
|
&:after {
|
111
|
-
|
112
|
-
border-
|
113
|
-
|
114
|
-
|
122
|
+
right: 1px;
|
123
|
+
border-right-width: 0;
|
124
|
+
border-left-color: $popoverArrowColor;
|
125
|
+
bottom: -$popoverArrowWidth;
|
115
126
|
}
|
116
127
|
}
|
128
|
+
|
117
129
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Reset
|
2
|
+
// Reset CSS
|
3
3
|
// Adapted from http://github.com/necolas/normalize.css
|
4
4
|
// --------------------------------------------------
|
5
5
|
|
@@ -122,10 +122,18 @@ input[type="submit"] {
|
|
122
122
|
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
123
|
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
124
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
|
+
}
|
125
135
|
input[type="search"] { // Appearance in Safari/Chrome
|
126
|
-
|
127
|
-
-moz-box-sizing: content-box;
|
128
|
-
box-sizing: content-box;
|
136
|
+
@include box-sizing(content-box);
|
129
137
|
-webkit-appearance: textfield;
|
130
138
|
}
|
131
139
|
input[type="search"]::-webkit-search-decoration,
|
@@ -136,3 +144,73 @@ textarea {
|
|
136
144
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
137
145
|
vertical-align: top; // Readability and alignment cross-browser
|
138
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
|
+
}
|