app/assets/stylesheets/bootstrap/print.less in bootstrap-on-rails-3.2.0 vs app/assets/stylesheets/bootstrap/print.less in bootstrap-on-rails-3.3.1
- old
+ new
@@ -1,101 +1,107 @@
-//
-// Basic print styles
-// --------------------------------------------------
-// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+// ==========================================================================
+// Print styles.
+// Inlined to avoid the additional HTTP request: h5bp.com/r
+// ==========================================================================
+
@media print {
+ *,
+ *:before,
+ *:after {
+ background: transparent !important;
+ color: #000 !important; // Black prints faster: h5bp.com/s
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
- * {
- text-shadow: none !important;
- color: #000 !important; // Black prints faster: h5bp.com/s
- background: transparent !important;
- box-shadow: none !important;
- }
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
- a,
- a:visited {
- text-decoration: underline;
- }
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
- a[href]:after {
- content: " (" attr(href) ")";
- }
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
- abbr[title]:after {
- content: " (" attr(title) ")";
- }
+ // Don't show links that are fragment identifiers,
+ // or use the `javascript:` pseudo protocol
+ a[href^="#"]:after,
+ a[href^="javascript:"]:after {
+ content: "";
+ }
- // Don't show links for images, or javascript/internal links
- a[href^="javascript:"]:after,
- a[href^="#"]:after {
- content: "";
- }
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
- pre,
- blockquote {
- border: 1px solid #999;
- page-break-inside: avoid;
- }
+ thead {
+ display: table-header-group; // h5bp.com/t
+ }
- thead {
- display: table-header-group; // h5bp.com/t
- }
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
- tr,
- img {
- page-break-inside: avoid;
- }
+ img {
+ max-width: 100% !important;
+ }
- img {
- max-width: 100% !important;
- }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
- p,
- h2,
- h3 {
- orphans: 3;
- widows: 3;
- }
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
- h2,
- h3 {
- page-break-after: avoid;
- }
+ // Bootstrap specific changes start
+ //
+ // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
+ // Once fixed, we can just straight up remove this.
+ select {
+ background: #fff !important;
+ }
- // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
- // Once fixed, we can just straight up remove this.
- select {
- background: #fff !important;
- }
-
- // Bootstrap components
- .navbar {
- display: none;
- }
- .table {
- td,
- th {
- background-color: #fff !important;
+ // Bootstrap components
+ .navbar {
+ display: none;
}
- }
- .btn,
- .dropup > .btn {
- > .caret {
- border-top-color: #000 !important;
+ .btn,
+ .dropup > .btn {
+ > .caret {
+ border-top-color: #000 !important;
+ }
}
- }
- .label {
- border: 1px solid #000;
- }
+ .label {
+ border: 1px solid #000;
+ }
- .table {
- border-collapse: collapse !important;
- }
- .table-bordered {
- th,
- td {
- border: 1px solid #ddd !important;
+ .table {
+ border-collapse: collapse !important;
+
+ td,
+ th {
+ background-color: #fff !important;
+ }
}
- }
+ .table-bordered {
+ th,
+ td {
+ border: 1px solid #ddd !important;
+ }
+ }
+ // Bootstrap specific changes end
}