diff --git a/scss/_print.scss b/scss/_print.scss deleted file mode 100644 index 883b782e79..0000000000 --- a/scss/_print.scss +++ /dev/null @@ -1,141 +0,0 @@ -// stylelint-disable declaration-no-important, selector-no-qualifying-type - -// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css - -// ========================================================================== -// Print styles. -// Inlined to avoid the additional HTTP request: -// https://www.phpied.com/delay-loading-your-print-css/ -// ========================================================================== - -@if $enable-print-styles { - @media print { - *, - *::before, - *::after { - // Bootstrap specific; comment out `color` and `background` - //color: $black !important; // Black prints faster - text-shadow: none !important; - //background: transparent !important; - box-shadow: none !important; - } - - a { - &:not(.btn) { - text-decoration: underline; - } - } - - // Bootstrap specific; comment the following selector out - //a[href]::after { - // content: " (" attr(href) ")"; - //} - - abbr[title]::after { - content: " (" attr(title) ")"; - } - - // Bootstrap specific; comment the following selector out - // - // Don't show links that are fragment identifiers, - // or use the `javascript:` pseudo protocol - // - - //a[href^="#"]::after, - //a[href^="javascript:"]::after { - // content: ""; - //} - - pre { - white-space: pre-wrap !important; - } - pre, - blockquote { - border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px - page-break-inside: avoid; - } - - // - // Printing Tables: - // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables - // - - thead { - display: table-header-group; - } - - tr, - img { - page-break-inside: avoid; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } - - // Bootstrap specific changes start - - // Specify a size and min-width to make printing closer across browsers. - // We don't set margin here because it breaks `size` in Chrome. We also - // don't use `!important` on `size` as it breaks in Chrome. - @page { - size: $print-page-size; - } - body { - min-width: $print-body-min-width !important; - } - .container { - min-width: $print-body-min-width !important; - } - - // Bootstrap components - .navbar { - display: none; - } - .badge { - border: $border-width solid $black; - } - - .table { - border-collapse: collapse !important; - - td, - th { - background-color: $white !important; - } - } - - .table-bordered { - th, - td { - border: 1px solid $gray-300 !important; - } - } - - .table-dark { - color: inherit; - - th, - td, - thead th, - tbody + tbody { - border-color: $table-border-color; - } - } - - .table .thead-dark th { - color: inherit; - border-color: $table-border-color; - } - - // Bootstrap specific changes end - } -} diff --git a/scss/_variables.scss b/scss/_variables.scss index 9d3f69c157..45b1f1dcab 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -114,7 +114,6 @@ $enable-transitions: true !default; $enable-prefers-reduced-motion-media-query: true !default; $enable-grid-classes: true !default; $enable-pointer-cursor-for-buttons: true !default; -$enable-print-styles: true !default; $enable-responsive-font-sizes: false !default; $enable-validation-icons: true !default; $enable-deprecation-messages: true !default; @@ -1126,9 +1125,3 @@ $pre-scrollable-max-height: 340px !default; $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default; $overflows: auto, hidden !default; $positions: static, relative, absolute, fixed, sticky !default; - - -// Printing - -$print-page-size: a3 !default; -$print-body-min-width: map-get($grid-breakpoints, "lg") !default; diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss index 112e28af8f..5ba0ac151b 100644 --- a/scss/bootstrap.scss +++ b/scss/bootstrap.scss @@ -40,4 +40,3 @@ @import "carousel"; @import "spinners"; @import "utilities"; -@import "print"; diff --git a/scss/utilities/_display.scss b/scss/utilities/_display.scss index 130367998f..217672998b 100644 --- a/scss/utilities/_display.scss +++ b/scss/utilities/_display.scss @@ -1,9 +1,5 @@ // stylelint-disable declaration-no-important -// -// Utilities for common `display` values -// - @each $breakpoint in map-keys($grid-breakpoints) { @include media-breakpoint-up($breakpoint) { $infix: breakpoint-infix($breakpoint, $grid-breakpoints); @@ -14,11 +10,6 @@ } } - -// -// Utilities for toggling `display` in print -// - @media print { @each $value in $displays { .d-print-#{$value} { display: $value !important; } diff --git a/site/content/docs/4.3/components/navbar.md b/site/content/docs/4.3/components/navbar.md index 3ed7386162..66a70c7a20 100644 --- a/site/content/docs/4.3/components/navbar.md +++ b/site/content/docs/4.3/components/navbar.md @@ -14,7 +14,6 @@ Here's what you need to know before getting started with the navbar: - Navbars and their contents are fluid by default. Use [optional containers](#containers) to limit their horizontal width. - Use our [spacing]({{< docsref "/utilities/spacing" >}}) and [flex]({{< docsref "/utilities/flex" >}}) utility classes for controlling spacing and alignment within navbars. - Navbars are responsive by default, but you can easily modify them to change that. Responsive behavior depends on our Collapse JavaScript plugin. -- Navbars are hidden by default when printing. Force them to be printed by adding `.d-print` to the `.navbar`. See the [display]({{< docsref "/utilities/display" >}}) utility class. - Ensure accessibility by using a `