eslint/docs/src/assets/scss/print.scss

   1 *,
   2 *:before,
   3 *:after,
   4 *:first-letter,
   5 p:first-line,
   6 div:first-line,
   7 blockquote:first-line,
   8 li:first-line {
   9     background: transparent !important;
  10     color: #000 !important;
  11     box-shadow: none !important;
  12     text-shadow: none !important;
  13 }
  14
  15 body {
  16     width: 100% !important;
  17     margin: 0 !important;
  18     padding: 0 !important;
  19     line-height: 1.45;
  20     font-family: Helvetica, sans-serif;
  21     color: #000;
  22     background: none;
  23     font-size: 14pt;
  24 }
  25
  26 .grid {
  27     display: block;
  28 }
  29
  30 main,
  31 .docs-content,
  32 .docs-wrapper {
  33     display: block;
  34     width: 100%;
  35     max-width: 75ch;
  36     margin: 1cm auto;
  37 }
  38
  39 /* Headings */
  40 h1,
  41 h2,
  42 h3,
  43 h4,
  44 h5,
  45 h6 {
  46     page-break-after: avoid;
  47 }
  48
  49 h1 {
  50     font-size: 19pt;
  51 }
  52
  53 h2 {
  54     font-size: 17pt;
  55 }
  56
  57 h3 {
  58     font-size: 15pt;
  59 }
  60
  61 h4,
  62 h5,
  63 h6 {
  64     font-size: 14pt;
  65 }
  66
  67
  68 p,
  69 h2,
  70 h3 {
  71     orphans: 3;
  72     widows: 3;
  73 }
  74
  75 code {
  76     font: 12pt Courier, monospace;
  77 }
  78
  79 blockquote {
  80     margin: 1.2em;
  81     padding: 1em;
  82     font-size: 12pt;
  83 }
  84
  85 hr {
  86     background-color: #ccc;
  87 }
  88
  89 /* Images */
  90 img {
  91     max-width: 100% !important;
  92 }
  93
  94 a img {
  95     border: none;
  96 }
  97
  98 /* Links */
  99 a:link,
 100 a:visited {
 101     background: transparent;
 102     font-weight: 700;
 103     text-decoration: underline;
 104     color: #333;
 105 }
 106
 107 // a:link[href^="http://"]:after,
 108 // a[href^="http://"]:visited:after {
 109 //     content: " ("attr(href) ") ";
 110 //     font-size: 90%;
 111 // }
 112
 113 abbr[title]:after {
 114     content: " ("attr(title) ")";
 115 }
 116
 117 /* Don't show linked images  */
 118 a[href^="http://"] {
 119     color: #000;
 120 }
 121
 122 a[href$=".jpg"]:after,
 123 a[href$=".jpeg"]:after,
 124 a[href$=".gif"]:after,
 125 a[href$=".png"]:after {
 126     content: " ("attr(href) ") ";
 127     display: none;
 128 }
 129
 130 /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
 131 a[href^="#"]:after,
 132 a[href^="javascript:"]:after {
 133     content: "";
 134 }
 135
 136 /* Table */
 137 table {
 138     margin: 1px;
 139     text-align: left;
 140 }
 141
 142 th {
 143     border-bottom: 1px solid #333;
 144     font-weight: bold;
 145 }
 146
 147 td {
 148     border-bottom: 1px solid #333;
 149 }
 150
 151 th,
 152 td {
 153     padding: 4px 10px 4px 0;
 154 }
 155
 156 tfoot {
 157     font-style: italic;
 158 }
 159
 160 caption {
 161     background: #fff;
 162     margin-bottom: 2em;
 163     text-align: left;
 164 }
 165
 166 thead {
 167     display: table-header-group;
 168 }
 169
 170 img,
 171 tr {
 172     page-break-inside: avoid;
 173 }
 174
 175 body>*:not(main),
 176 aside,
 177 *[class*="sidebar"] {
 178     display: none;
 179 }
 180
 181 button,
 182 .c-btn.c-btn--playground,
 183 .docs-edit-link {
 184     display: none;
 185 }
 186
 187 a[href^='http']:not([href*='mywebsite.com'])::after {
 188     content: ' ('attr(href) ')';
 189 }
 190
 191 .resource a::after {
 192     display: none;
 193 }
 194
 195 ul {
 196     page-break-inside: avoid;
 197 }
 198
 199 .docs-toc, .docs-index, .docs-aside, #skip-link{
 200     display: none;
 201 }
 202
 203 @media print {
 204     @page {
 205         margin: 1cm;
 206     }
 207 }