]> git.proxmox.com Git - pve-eslint.git/blame - eslint/docs/src/assets/scss/print.scss
build: add missing dh-nodejs to build-dependencies
[pve-eslint.git] / eslint / docs / src / assets / scss / print.scss
CommitLineData
8f9d1d4d
DC
1*,
2*:before,
3*:after,
4*:first-letter,
5p:first-line,
6div:first-line,
7blockquote:first-line,
8li:first-line {
9 background: transparent !important;
10 color: #000 !important;
11 box-shadow: none !important;
12 text-shadow: none !important;
13}
14
15body {
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
30main,
31.docs-content,
32.docs-wrapper {
33 display: block;
34 width: 100%;
35 max-width: 75ch;
36 margin: 1cm auto;
37}
38
39/* Headings */
40h1,
41h2,
42h3,
43h4,
44h5,
45h6 {
46 page-break-after: avoid;
47}
48
49h1 {
50 font-size: 19pt;
51}
52
53h2 {
54 font-size: 17pt;
55}
56
57h3 {
58 font-size: 15pt;
59}
60
61h4,
62h5,
63h6 {
64 font-size: 14pt;
65}
66
67
68p,
69h2,
70h3 {
71 orphans: 3;
72 widows: 3;
73}
74
75code {
76 font: 12pt Courier, monospace;
77}
78
79blockquote {
80 margin: 1.2em;
81 padding: 1em;
82 font-size: 12pt;
83}
84
85hr {
86 background-color: #ccc;
87}
88
89/* Images */
90img {
91 max-width: 100% !important;
92}
93
94a img {
95 border: none;
96}
97
98/* Links */
99a:link,
100a: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
113abbr[title]:after {
114 content: " ("attr(title) ")";
115}
116
117/* Don't show linked images */
118a[href^="http://"] {
119 color: #000;
120}
121
122a[href$=".jpg"]:after,
123a[href$=".jpeg"]:after,
124a[href$=".gif"]:after,
125a[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 */
131a[href^="#"]:after,
132a[href^="javascript:"]:after {
133 content: "";
134}
135
136/* Table */
137table {
138 margin: 1px;
139 text-align: left;
140}
141
142th {
143 border-bottom: 1px solid #333;
144 font-weight: bold;
145}
146
147td {
148 border-bottom: 1px solid #333;
149}
150
151th,
152td {
153 padding: 4px 10px 4px 0;
154}
155
156tfoot {
157 font-style: italic;
158}
159
160caption {
161 background: #fff;
162 margin-bottom: 2em;
163 text-align: left;
164}
165
166thead {
167 display: table-header-group;
168}
169
170img,
171tr {
172 page-break-inside: avoid;
173}
174
175body>*:not(main),
176aside,
177*[class*="sidebar"] {
178 display: none;
179}
180
181button,
182.c-btn.c-btn--playground,
183.docs-edit-link {
184 display: none;
185}
186
187a[href^='http']:not([href*='mywebsite.com'])::after {
188 content: ' ('attr(href) ')';
189}
190
191.resource a::after {
192 display: none;
193}
194
195ul {
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}