Skip to content

Commit 2c11e2b

Browse files
dukecat0wbamberg
dukecat0
and
wbamberg
authored
Fix usages of <div class="hidden"> containing code blocks for Markdown conversion (#7288)
* Fix usages of `<div class="hidden">` containing code blocks * Fix usages of `<div class="hidden">` containing code blocks * Fix typo "hidden;"->"hidden" Co-authored-by: wbamberg <[email protected]>
1 parent cc99ef3 commit 2c11e2b

File tree

69 files changed

+286
-711
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

69 files changed

+286
-711
lines changed

‎files/en-us/web/css/-webkit-text-stroke-color/index.html

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -61,14 +61,10 @@ <h4 id="CSS">CSS</h4>
6161
}
6262
</pre>
6363

64-
<div class="hidden">
65-
<h4 id="JavaScript">JavaScript</h4>
66-
67-
<pre class="brush: js">var colorPicker = document.querySelector("input");
64+
<pre class="brush: js hidden">var colorPicker = document.querySelector("input");
6865
colorPicker.addEventListener("change", function(evt) {
6966
document.querySelector("p").style.webkitTextStrokeColor = evt.target.value;
7067
});</pre>
71-
</div>
7268

7369
<h4 id="Results">Results</h4>
7470

‎files/en-us/web/css/@counter-style/system/index.html

Lines changed: 10 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -85,14 +85,12 @@ <h3 id="Cyclic_counter">Cyclic counter</h3>
8585

8686
<h4 id="CSS">CSS</h4>
8787

88-
<div class="hidden">
89-
<pre class="brush: html">&lt;ul&gt;
88+
<pre class="brush: html hidden">&lt;ul&gt;
9089
  &lt;li&gt;One&lt;/li&gt;
9190
  &lt;li&gt;Two&lt;/li&gt;
9291
  &lt;li&gt;Three&lt;/li&gt;
9392
&lt;/ul&gt;
9493
</pre>
95-
</div>
9694

9795
<pre class="brush: css">@counter-style fisheye {
9896
system: cyclic;
@@ -120,15 +118,14 @@ <h3 id="Fixed_counter">Fixed counter</h3>
120118

121119
<h4 id="CSS_2">CSS</h4>
122120

123-
<div class="hidden">
124-
<pre class="brush: html">&lt;ul&gt;
121+
122+
<pre class="brush: html hidden">&lt;ul&gt;
125123
&lt;li&gt;One&lt;/li&gt;
126124
&lt;li&gt;Two&lt;/li&gt;
127125
&lt;li&gt;Three&lt;/li&gt;
128126
&lt;li&gt;Four&lt;/li&gt;
129127
&lt;li&gt;Five&lt;/li&gt;
130128
&lt;/ul&gt;</pre>
131-
</div>
132129

133130
<pre class="brush: css">@counter-style circled-digits {
134131
system: fixed;
@@ -159,8 +156,8 @@ <h3 id="Symbolic_counter">Symbolic counter</h3>
159156

160157
<h4 id="CSS_3">CSS</h4>
161158

162-
<div class="hidden">
163-
<pre class="brush: html">&lt;ul&gt;
159+
160+
<pre class="brush: html hidden">&lt;ul&gt;
164161
&lt;li&gt;One&lt;/li&gt;
165162
&lt;li&gt;Two&lt;/li&gt;
166163
&lt;li&gt;Three&lt;/li&gt;
@@ -170,7 +167,6 @@ <h4 id="CSS_3">CSS</h4>
170167
&lt;li&gt;Seven&lt;/li&gt;
171168
&lt;li&gt;Eight&lt;/li&gt;
172169
&lt;/ul&gt;</pre>
173-
</div>
174170

175171
<pre class="brush: css">@counter-style abc {
176172
system: symbolic;
@@ -201,8 +197,7 @@ <h3 id="Alphabetic_counter">Alphabetic counter</h3>
201197

202198
<h4 id="CSS_4">CSS</h4>
203199

204-
<div class="hidden">
205-
<pre class="brush: html">&lt;ul&gt;
200+
<pre class="brush: html hidden">&lt;ul&gt;
206201
&lt;li&gt;One&lt;/li&gt;
207202
&lt;li&gt;Two&lt;/li&gt;
208203
&lt;li&gt;Three&lt;/li&gt;
@@ -213,7 +208,6 @@ <h4 id="CSS_4">CSS</h4>
213208
&lt;li&gt;Eight&lt;/li&gt;
214209
&lt;/ul&gt;
215210
</pre>
216-
</div>
217211

218212
<pre class="brush: css">@counter-style abc {
219213
system: alphabetic;
@@ -248,8 +242,8 @@ <h3 id="Numeric_counter">Numeric counter</h3>
248242
<h4 id="CSS_5">CSS<br>
249243
 </h4>
250244

251-
<div class="hidden">
252-
<pre class="brush: html">&lt;ul&gt;
245+
246+
<pre class="brush: html hidden">&lt;ul&gt;
253247
&lt;li&gt;One&lt;/li&gt;
254248
&lt;li&gt;Two&lt;/li&gt;
255249
&lt;li&gt;Three&lt;/li&gt;
@@ -259,7 +253,6 @@ <h4 id="CSS_5">CSS<br>
259253
&lt;li&gt;Seven&lt;/li&gt;
260254
&lt;li&gt;Eight&lt;/li&gt;
261255
&lt;/ul&gt;</pre>
262-
</div>
263256

264257
<pre class="brush: css">@counter-style abc {
265258
system: numeric;
@@ -281,8 +274,8 @@ <h3 id="Numeric_counter_with_numeric_symbols">Numeric counter with numeric symbo
281274

282275
<h4 id="CSS_6">CSS</h4>
283276

284-
<div class="hidden">
285-
<pre class="brush: html">&lt;ul class="list"&gt;
277+
278+
<pre class="brush: html hidden">&lt;ul class="list"&gt;
286279
&lt;li&gt;One&lt;/li&gt;
287280
&lt;li&gt;Two&lt;/li&gt;
288281
&lt;li&gt;Three&lt;/li&gt;
@@ -294,7 +287,6 @@ <h4 id="CSS_6">CSS</h4>
294287
&lt;li&gt;Nine&lt;/li&gt;
295288
&lt;li&gt;Ten&lt;/li&gt;
296289
&lt;/ul&gt;</pre>
297-
</div>
298290

299291
<pre class="brush: css">@counter-style numbers {
300292
system: numeric;

‎files/en-us/web/css/@media/aspect-ratio/index.html

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -54,14 +54,9 @@ <h3 id="CSS">CSS</h3>
5454
}
5555
</pre>
5656

57-
<div class="hidden">
58-
<h2 id="_Example">_Example</h2>
57+
<div id="_Example">
5958

60-
<p>used iframe and DataURL to enable this iframe could resize</p>
61-
62-
<h3 id="HTML_2">HTML</h3>
63-
64-
<pre class="brush: html">&lt;label id="wf" for="w"&gt;width:165&lt;/label&gt;
59+
<pre class="brush: html hidden">&lt;label id="wf" for="w"&gt;width:165&lt;/label&gt;
6560
&lt;input id="w" name="w" type="range" min="100" max="250" step="5" value="165"&gt;
6661
&lt;label id="hf" for="w"&gt;height:165&lt;/label&gt;
6762
&lt;input id="h" name="h" type="range" min="100" max="250" step="5" value="165"&gt;

‎files/en-us/web/css/@media/prefers-reduced-motion/index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,7 @@ <h3 id="CSS">CSS</h3>
6767
}
6868
</pre>
6969

70-
<div class="hidden">
71-
<pre class="brush: css">.animation {
70+
<pre class="brush: css hidden">.animation {
7271
background-color: #306;
7372
color: #fff;
7473
font: 1.2em sans-serif;
@@ -92,7 +91,6 @@ <h3 id="CSS">CSS</h3>
9291
100% { opacity: 1; }
9392
}
9493
</pre>
95-
</div>
9694

9795
<h3 id="Result">Result</h3>
9896

‎files/en-us/web/css/_colon_empty/index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -44,12 +44,10 @@ <h3 id="HTML">HTML</h3>
4444

4545
<h3 id="CSS">CSS</h3>
4646

47-
<div class="hidden">
48-
<pre class="brush: css">body {
47+
<pre class="brush: css hidden">body {
4948
display: flex;
5049
justify-content: space-around;
5150
}</pre>
52-
</div>
5351

5452
<pre class="brush: css">.box {
5553
background: pink;

‎files/en-us/web/css/_doublecolon_file-selector-button/index.html

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,12 @@ <h4 id="HTML">HTML</h4>
4040

4141
<h4 id="CSS">CSS</h4>
4242

43-
<div class="hidden">
44-
<pre class="brush: css">form {
43+
<pre class="brush: css hidden">form {
4544
display: flex;
4645
gap: 1em;
4746
align-items: center;
4847
}
4948
</pre>
50-
</div>
5149

5250
<pre class="brush: css">input[type=file]::file-selector-button {
5351
border: 2px solid #6c5ce7;
@@ -81,14 +79,12 @@ <h4 id="HTML_2">HTML</h4>
8179

8280
<h4 id="CSS_2">CSS</h4>
8381

84-
<div class="hidden">
85-
<pre class="brush: css">form {
82+
<pre class="brush: css hidden">form {
8683
display: flex;
8784
gap: 1em;
8885
align-items: center;
8986
}
9087
</pre>
91-
</div>
9288

9389
<pre class="brush: css">input[type=file]::-ms-browse {
9490
border: 2px solid #6c5ce7;

‎files/en-us/web/css/_doublecolon_selection/index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,7 @@ <h3 id="HTML">HTML</h3>
4848

4949
<h3 id="CSS">CSS</h3>
5050

51-
<div class="hidden">
52-
<pre class="brush: css">::-moz-selection {
51+
<pre class="brush: css hidden">::-moz-selection {
5352
color: gold;
5453
background-color: red;
5554
}
@@ -58,7 +57,6 @@ <h3 id="CSS">CSS</h3>
5857
color: white;
5958
background-color: blue;
6059
}</pre>
61-
</div>
6260

6361
<pre class="brush: css">/* Make selected text gold on a red background */
6462
::selection {

‎files/en-us/web/css/align-content/index.html

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -226,10 +226,7 @@ <h3 id="HTML">HTML</h3>
226226
&lt;/div&gt;
227227
</pre>
228228

229-
<div class="hidden">
230-
<h3 id="JavaScript">JavaScript</h3>
231-
232-
<pre class="brush: js">var values = document.getElementById('values');
229+
<pre class="brush: js hidden">var values = document.getElementById('values');
233230
var display = document.getElementById('display');
234231
var container = document.getElementById('container');
235232

@@ -241,7 +238,6 @@ <h3 id="JavaScript">JavaScript</h3>
241238
container.className = evt.target.value;
242239
});
243240
</pre>
244-
</div>
245241

246242
<h3 id="Result">Result</h3>
247243

‎files/en-us/web/css/align-items/index.html

Lines changed: 1 addition & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -210,10 +210,7 @@ <h3 id="HTML">HTML</h3>
210210
&lt;/div&gt;
211211
</pre>
212212

213-
<div class="hidden">
214-
<h3 id="JavaScript">JavaScript</h3>
215-
216-
<pre class="brush: js">var values = document.getElementById('values');
213+
<pre class="brush: js hidden">var values = document.getElementById('values');
217214
var display = document.getElementById('display');
218215
var container = document.getElementById('container');
219216

@@ -225,7 +222,6 @@ <h3 id="JavaScript">JavaScript</h3>
225222
container.className = evt.target.value;
226223
});
227224
</pre>
228-
</div>
229225

230226
<h3 id="Result">Result</h3>
231227

‎files/en-us/web/css/animation-timing-function/index.html

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -116,8 +116,7 @@ <h2 id="Examples">Examples</h2>
116116
<div>
117117
<h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>
118118

119-
<div class="hidden">
120-
<pre class="brush:html">&lt;div class="parent"&gt;
119+
<pre class="brush:html hidden">&lt;div class="parent"&gt;
121120
&lt;div class="ease"&gt;ease&lt;/div&gt;
122121
&lt;div class="easein"&gt;ease-in&lt;/div&gt;
123122
&lt;div class="easeout"&gt;ease-out&lt;/div&gt;
@@ -126,7 +125,7 @@ <h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>
126125
&lt;div class="cb"&gt;cubic-bezier(0.2,-2,0.8,2)&lt;/div&gt;
127126
&lt;/div&gt;</pre>
128127

129-
<pre class="brush:css;">.parent &gt; div[class] {
128+
<pre class="brush:css hidden">.parent &gt; div[class] {
130129
animation-name: changeme;
131130
animation-duration: 10s;
132131
animation-iteration-count: infinite;
@@ -149,7 +148,6 @@ <h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>
149148
}
150149
}
151150
</pre>
152-
</div>
153151

154152
<pre class="brush: css">.ease {
155153
animation-timing-function: ease;
@@ -176,8 +174,7 @@ <h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>
176174
<div>
177175
<h3 id="Step_examples">Step examples</h3>
178176

179-
<div class="hidden">
180-
<pre class="brush:html">&lt;div class="parent"&gt;
177+
<pre class="brush:html hidden">&lt;div class="parent"&gt;
181178
&lt;div class="jump-start"&gt;jump-start&lt;/div&gt;
182179
&lt;div class="jump-end"&gt;jump-end&lt;/div&gt;
183180
&lt;div class="jump-both"&gt;jump-both&lt;/div&gt;
@@ -188,7 +185,7 @@ <h3 id="Step_examples">Step examples</h3>
188185
&lt;div class="step-end"&gt;step-end&lt;/div&gt;
189186
&lt;/div&gt;</pre>
190187

191-
<pre class="brush:css;">.parent &gt; div[class] {
188+
<pre class="brush:css hidden">.parent &gt; div[class] {
192189
animation-name: changeme;
193190
animation-duration: 10s;
194191
animation-iteration-count: infinite;
@@ -211,7 +208,6 @@ <h3 id="Step_examples">Step examples</h3>
211208
}
212209
}
213210
</pre>
214-
</div>
215211

216212
<pre class="brush: css">.jump-start {
217213
animation-timing-function: steps(5, jump-start);

‎files/en-us/web/css/attr()/index.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -168,11 +168,9 @@ <h4 id="HTML_2">HTML</h4>
168168

169169
<h4 id="CSS_2">CSS</h4>
170170

171-
<div class="hidden">
172-
<pre class="brush: css">.background {
171+
<pre class="brush: css hidden">.background {
173172
height: 100vh;
174173
}</pre>
175-
</div>
176174

177175
<pre class="brush: css highlight[6]">.background {
178176
background-color: red;

‎files/en-us/web/css/border-image-repeat/index.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -77,10 +77,7 @@ <h4 id="CSS">CSS</h4>
7777
}
7878
</pre>
7979

80-
<div class="hidden">
81-
<h4 id="HTML">HTML</h4>
82-
83-
<pre class="brush: html">&lt;div id="bordered"&gt;You can try out various border repetition rules on me!&lt;/div&gt;
80+
<pre class="brush: html hidden">&lt;div id="bordered"&gt;You can try out various border repetition rules on me!&lt;/div&gt;
8481

8582
&lt;select id="repetition"&gt;
8683
&lt;option value="stretch"&gt;stretch&lt;/option&gt;
@@ -92,14 +89,11 @@ <h4 id="HTML">HTML</h4>
9289
&lt;/select&gt;
9390
</pre>
9491

95-
<h4 id="JavaScript">JavaScript</h4>
96-
97-
<pre class="brush: js">var repetition = document.getElementById("repetition");
92+
<pre class="brush: js hidden">var repetition = document.getElementById("repetition");
9893
repetition.addEventListener("change", function (evt) {
9994
document.getElementById("bordered").style.borderImageRepeat = evt.target.value;
10095
});
10196
</pre>
102-
</div>
10397

10498
<h4 id="Results">Results</h4>
10599

‎files/en-us/web/css/clip-path/index.html

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -100,8 +100,7 @@ <h2 id="Examples">Examples</h2>
100100

101101
<h3 id="Comparison_of_HTML_and_SVG">Comparison of HTML and SVG</h3>
102102

103-
<div class="hidden" id="clip-path">
104-
<pre class="brush: html">&lt;svg class="defs"&gt;
103+
<pre id="clip-path" class="brush: html hidden">&lt;svg class="defs"&gt;
105104
&lt;defs&gt;
106105
&lt;clipPath id="myPath" clipPathUnits="objectBoundingBox"&gt;
107106
&lt;path d="M0.5,1 C0.5,1,0,0.7,0,0.3 A0.25,0.25,1,1,1,0.5,0.3 A0.25,0.25,1,1,1,1,0.3 C1,0.7,0.5,1,0.5,1 Z" /&gt;
@@ -518,7 +517,6 @@ <h3 id="Comparison_of_HTML_and_SVG">Comparison of HTML and SVG</h3>
518517
svg text.em {
519518
font-style: italic;
520519
}</pre>
521-
</div>
522520

523521
<p>{{EmbedLiveSample("Comparison_of_HTML_and_SVG", "100%", 800, "", "", "example-outcome-frame")}}</p>
524522

@@ -556,15 +554,11 @@ <h4 id="CSS">CSS</h4>
556554
}
557555
</pre>
558556

559-
<div class="hidden">
560-
<h4 id="JavaScript">JavaScript</h4>
561-
562-
<pre class="brush: js">const clipPathSelect = document.getElementById("clipPath");
557+
<pre class="brush: js hidden">const clipPathSelect = document.getElementById("clipPath");
563558
clipPathSelect.addEventListener("change", function (evt) {
564559
document.getElementById("clipped").style.clipPath = evt.target.value;
565560
});
566561
</pre>
567-
</div>
568562

569563
<h4 id="Result">Result</h4>
570564

0 commit comments

Comments
 (0)