|
79 | 79 | line-height: 1.7; |
80 | 80 | } |
81 | 81 |
|
82 | | - li > code { |
| 82 | + li>code { |
83 | 83 | color: #002a42; |
84 | 84 | background-color: #6dd5ec; |
85 | 85 | padding: 2px 4px; |
86 | 86 | border-radius: 4px; |
87 | 87 | font-size: 0.9em; |
88 | 88 | } |
89 | | - li > code[data-kind="article"], |
90 | | - li > code[data-kind="articulo"], |
91 | | - li > code[data-kind="artigo"] { |
| 89 | + |
| 90 | + li>code[data-kind="article"], |
| 91 | + li>code[data-kind="articulo"], |
| 92 | + li>code[data-kind="artigo"] { |
92 | 93 | background-color: #FDB9C6; |
93 | 94 | color: #670032; |
94 | 95 | } |
95 | | - li > code[data-kind="course"], |
96 | | - li > code[data-kind="curso"] { |
| 96 | + |
| 97 | + li>code[data-kind="course"], |
| 98 | + li>code[data-kind="curso"] { |
97 | 99 | background-color: #BEEC6D; |
98 | 100 | color: #043300; |
99 | 101 | } |
100 | | - li > code[data-kind="youtube"] { |
| 102 | + |
| 103 | + li>code[data-kind="youtube"] { |
101 | 104 | background-color: #FF0000; |
102 | 105 | color: #FFFFFF; |
103 | 106 | } |
104 | | - li > code[data-kind="podcast"] { |
| 107 | + |
| 108 | + li>code[data-kind="podcast"] { |
105 | 109 | background-color: #AB7EE4; |
106 | 110 | color: #300031; |
107 | 111 | } |
108 | | - li > code[data-kind="content"], |
109 | | - li > code[data-kind="conteudo"], |
110 | | - li > code[data-kind="conteúdo"] { |
| 112 | + |
| 113 | + li>code[data-kind="content"], |
| 114 | + li>code[data-kind="conteudo"], |
| 115 | + li>code[data-kind="conteúdo"] { |
111 | 116 | background-color: #d4d4d4; |
112 | 117 | color: #494848; |
113 | 118 | } |
114 | | - li > code[data-kind="aluraplus"], |
115 | | - li > code[data-kind="alura+"] { |
| 119 | + |
| 120 | + li>code[data-kind="aluraplus"], |
| 121 | + li>code[data-kind="alura+"] { |
116 | 122 | background-color: #d4d4d4; |
117 | 123 | color: #494848; |
118 | 124 | } |
119 | | - li > code[data-kind="challenge"], |
120 | | - li > code[data-kind="desafio"] { |
| 125 | + |
| 126 | + li>code[data-kind="challenge"], |
| 127 | + li>code[data-kind="desafio"] { |
121 | 128 | background-color: #162639; |
122 | 129 | color: #FFFFFF; |
123 | 130 | } |
124 | | - li > code[data-kind="book"], |
125 | | - li > code[data-kind="reto"], |
126 | | - li > code[data-kind="livro"], |
127 | | - li > code[data-kind="libro"] { |
| 131 | + |
| 132 | + li>code[data-kind="book"], |
| 133 | + li>code[data-kind="reto"], |
| 134 | + li>code[data-kind="livro"], |
| 135 | + li>code[data-kind="libro"] { |
128 | 136 | background-color: #CADCEA; |
129 | 137 | color: #333333; |
130 | 138 | } |
|
223 | 231 | padding: 20px; |
224 | 232 | } |
225 | 233 |
|
226 | | - .nivel { |
227 | | - break-inside: avoid; |
| 234 | + h2 { |
| 235 | + /* Força quebra antes, exceto no primeiro */ |
| 236 | + page-break-before: always; |
| 237 | + break-before: page; |
| 238 | + } |
| 239 | + |
| 240 | + h2:first-of-type { |
| 241 | + /* Remove a quebra antes do primeiro H2 */ |
| 242 | + page-break-before: auto; |
| 243 | + break-before: auto; |
228 | 244 | } |
229 | 245 |
|
| 246 | + /* Remove quebra depois, se não for necessário */ |
| 247 | + h2 { |
| 248 | + page-break-after: auto; |
| 249 | + break-after: auto; |
| 250 | + } |
| 251 | + |
| 252 | + /* Evita que títulos fiquem sozinhos no final de página */ |
230 | 253 | h1, |
231 | 254 | h2, |
232 | 255 | h3, |
233 | 256 | h4 { |
234 | 257 | break-after: avoid; |
235 | 258 | } |
236 | 259 |
|
237 | | - .checkbox-wrapper input[type="checkbox"] { |
238 | | - -webkit-print-color-adjust: exact; |
239 | | - color-adjust: exact; |
| 260 | + /* Esta é a parte crucial */ |
| 261 | + h3, |
| 262 | + h3+ul, |
| 263 | + h3+ol { |
| 264 | + break-inside: avoid; |
240 | 265 | } |
241 | 266 | } |
242 | 267 | </style> |
|
0 commit comments