Skip to content

Fix usages of <div class="hidden"> containing code blocks for Markdown conversion #7288

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 26, 2021
Merged

Fix usages of <div class="hidden"> containing code blocks for Markdown conversion #7288

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
9160108
Fix usages of `<div class="hidden">` containing code blocks
dukecat0 Jul 26, 2021
df21799
Fix usages of `<div class="hidden">` containing code blocks
dukecat0 Jul 26, 2021
1d6d89d
Fix typo "hidden;"->"hidden"
wbamberg Jul 26, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 1 addition & 5 deletions files/en-us/web/css/-webkit-text-stroke-color/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,14 +61,10 @@ <h4 id="CSS">CSS</h4>
}
</pre>

<div class="hidden">
<h4 id="JavaScript">JavaScript</h4>

<pre class="brush: js">var colorPicker = document.querySelector("input");
<pre class="brush: js hidden">var colorPicker = document.querySelector("input");
colorPicker.addEventListener("change", function(evt) {
document.querySelector("p").style.webkitTextStrokeColor = evt.target.value;
});</pre>
</div>

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

Expand Down
28 changes: 10 additions & 18 deletions files/en-us/web/css/@counter-style/system/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -85,14 +85,12 @@ <h3 id="Cyclic_counter">Cyclic counter</h3>

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

<div class="hidden">
<pre class="brush: html">&lt;ul&gt;
<pre class="brush: html hidden">&lt;ul&gt;
  &lt;li&gt;One&lt;/li&gt;
  &lt;li&gt;Two&lt;/li&gt;
  &lt;li&gt;Three&lt;/li&gt;
&lt;/ul&gt;
</pre>
</div>

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

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

<div class="hidden">
<pre class="brush: html">&lt;ul&gt;

<pre class="brush: html hidden">&lt;ul&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
&lt;li&gt;Four&lt;/li&gt;
&lt;li&gt;Five&lt;/li&gt;
&lt;/ul&gt;</pre>
</div>

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

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

<div class="hidden">
<pre class="brush: html">&lt;ul&gt;

<pre class="brush: html hidden">&lt;ul&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
Expand All @@ -170,7 +167,6 @@ <h4 id="CSS_3">CSS</h4>
&lt;li&gt;Seven&lt;/li&gt;
&lt;li&gt;Eight&lt;/li&gt;
&lt;/ul&gt;</pre>
</div>

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

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

<div class="hidden">
<pre class="brush: html">&lt;ul&gt;
<pre class="brush: html hidden">&lt;ul&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
Expand All @@ -213,7 +208,6 @@ <h4 id="CSS_4">CSS</h4>
&lt;li&gt;Eight&lt;/li&gt;
&lt;/ul&gt;
</pre>
</div>

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

<div class="hidden">
<pre class="brush: html">&lt;ul&gt;

<pre class="brush: html hidden">&lt;ul&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
Expand All @@ -259,7 +253,6 @@ <h4 id="CSS_5">CSS<br>
&lt;li&gt;Seven&lt;/li&gt;
&lt;li&gt;Eight&lt;/li&gt;
&lt;/ul&gt;</pre>
</div>

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

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

<div class="hidden">
<pre class="brush: html">&lt;ul class="list"&gt;

<pre class="brush: html hidden">&lt;ul class="list"&gt;
&lt;li&gt;One&lt;/li&gt;
&lt;li&gt;Two&lt;/li&gt;
&lt;li&gt;Three&lt;/li&gt;
Expand All @@ -294,7 +287,6 @@ <h4 id="CSS_6">CSS</h4>
&lt;li&gt;Nine&lt;/li&gt;
&lt;li&gt;Ten&lt;/li&gt;
&lt;/ul&gt;</pre>
</div>

<pre class="brush: css">@counter-style numbers {
system: numeric;
Expand Down
9 changes: 2 additions & 7 deletions files/en-us/web/css/@media/aspect-ratio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,14 +54,9 @@ <h3 id="CSS">CSS</h3>
}
</pre>

<div class="hidden">
<h2 id="_Example">_Example</h2>
<div id="_Example">

<p>used iframe and DataURL to enable this iframe could resize</p>

<h3 id="HTML_2">HTML</h3>

<pre class="brush: html">&lt;label id="wf" for="w"&gt;width:165&lt;/label&gt;
<pre class="brush: html hidden">&lt;label id="wf" for="w"&gt;width:165&lt;/label&gt;
&lt;input id="w" name="w" type="range" min="100" max="250" step="5" value="165"&gt;
&lt;label id="hf" for="w"&gt;height:165&lt;/label&gt;
&lt;input id="h" name="h" type="range" min="100" max="250" step="5" value="165"&gt;
Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/css/@media/prefers-reduced-motion/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,8 +67,7 @@ <h3 id="CSS">CSS</h3>
}
</pre>

<div class="hidden">
<pre class="brush: css">.animation {
<pre class="brush: css hidden">.animation {
background-color: #306;
color: #fff;
font: 1.2em sans-serif;
Expand All @@ -92,7 +91,6 @@ <h3 id="CSS">CSS</h3>
100% { opacity: 1; }
}
</pre>
</div>

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

Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/css/_colon_empty/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,12 +44,10 @@ <h3 id="HTML">HTML</h3>

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

<div class="hidden">
<pre class="brush: css">body {
<pre class="brush: css hidden">body {
display: flex;
justify-content: space-around;
}</pre>
</div>

<pre class="brush: css">.box {
background: pink;
Expand Down
8 changes: 2 additions & 6 deletions files/en-us/web/css/_doublecolon_file-selector-button/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,14 +40,12 @@ <h4 id="HTML">HTML</h4>

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

<div class="hidden">
<pre class="brush: css">form {
<pre class="brush: css hidden">form {
display: flex;
gap: 1em;
align-items: center;
}
</pre>
</div>

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

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

<div class="hidden">
<pre class="brush: css">form {
<pre class="brush: css hidden">form {
display: flex;
gap: 1em;
align-items: center;
}
</pre>
</div>

<pre class="brush: css">input[type=file]::-ms-browse {
border: 2px solid #6c5ce7;
Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/css/_doublecolon_selection/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,8 +48,7 @@ <h3 id="HTML">HTML</h3>

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

<div class="hidden">
<pre class="brush: css">::-moz-selection {
<pre class="brush: css hidden">::-moz-selection {
color: gold;
background-color: red;
}
Expand All @@ -58,7 +57,6 @@ <h3 id="CSS">CSS</h3>
color: white;
background-color: blue;
}</pre>
</div>

<pre class="brush: css">/* Make selected text gold on a red background */
::selection {
Expand Down
6 changes: 1 addition & 5 deletions files/en-us/web/css/align-content/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -226,10 +226,7 @@ <h3 id="HTML">HTML</h3>
&lt;/div&gt;
</pre>

<div class="hidden">
<h3 id="JavaScript">JavaScript</h3>

<pre class="brush: js">var values = document.getElementById('values');
<pre class="brush: js hidden">var values = document.getElementById('values');
var display = document.getElementById('display');
var container = document.getElementById('container');

Expand All @@ -241,7 +238,6 @@ <h3 id="JavaScript">JavaScript</h3>
container.className = evt.target.value;
});
</pre>
</div>

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

Expand Down
6 changes: 1 addition & 5 deletions files/en-us/web/css/align-items/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -210,10 +210,7 @@ <h3 id="HTML">HTML</h3>
&lt;/div&gt;
</pre>

<div class="hidden">
<h3 id="JavaScript">JavaScript</h3>

<pre class="brush: js">var values = document.getElementById('values');
<pre class="brush: js hidden">var values = document.getElementById('values');
var display = document.getElementById('display');
var container = document.getElementById('container');

Expand All @@ -225,7 +222,6 @@ <h3 id="JavaScript">JavaScript</h3>
container.className = evt.target.value;
});
</pre>
</div>

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

Expand Down
12 changes: 4 additions & 8 deletions files/en-us/web/css/animation-timing-function/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -116,8 +116,7 @@ <h2 id="Examples">Examples</h2>
<div>
<h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>

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

<pre class="brush:css;">.parent &gt; div[class] {
<pre class="brush:css hidden">.parent &gt; div[class] {
animation-name: changeme;
animation-duration: 10s;
animation-iteration-count: infinite;
Expand All @@ -149,7 +148,6 @@ <h3 id="Cubic-Bezier_examples">Cubic-Bezier examples</h3>
}
}
</pre>
</div>

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

<div class="hidden">
<pre class="brush:html">&lt;div class="parent"&gt;
<pre class="brush:html hidden">&lt;div class="parent"&gt;
&lt;div class="jump-start"&gt;jump-start&lt;/div&gt;
&lt;div class="jump-end"&gt;jump-end&lt;/div&gt;
&lt;div class="jump-both"&gt;jump-both&lt;/div&gt;
Expand All @@ -188,7 +185,7 @@ <h3 id="Step_examples">Step examples</h3>
&lt;div class="step-end"&gt;step-end&lt;/div&gt;
&lt;/div&gt;</pre>

<pre class="brush:css;">.parent &gt; div[class] {
<pre class="brush:css hidden">.parent &gt; div[class] {
animation-name: changeme;
animation-duration: 10s;
animation-iteration-count: infinite;
Expand All @@ -211,7 +208,6 @@ <h3 id="Step_examples">Step examples</h3>
}
}
</pre>
</div>

<pre class="brush: css">.jump-start {
animation-timing-function: steps(5, jump-start);
Expand Down
4 changes: 1 addition & 3 deletions files/en-us/web/css/attr()/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -168,11 +168,9 @@ <h4 id="HTML_2">HTML</h4>

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

<div class="hidden">
<pre class="brush: css">.background {
<pre class="brush: css hidden">.background {
height: 100vh;
}</pre>
</div>

<pre class="brush: css highlight[6]">.background {
background-color: red;
Expand Down
10 changes: 2 additions & 8 deletions files/en-us/web/css/border-image-repeat/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,10 +77,7 @@ <h4 id="CSS">CSS</h4>
}
</pre>

<div class="hidden">
<h4 id="HTML">HTML</h4>

<pre class="brush: html">&lt;div id="bordered"&gt;You can try out various border repetition rules on me!&lt;/div&gt;
<pre class="brush: html hidden">&lt;div id="bordered"&gt;You can try out various border repetition rules on me!&lt;/div&gt;

&lt;select id="repetition"&gt;
&lt;option value="stretch"&gt;stretch&lt;/option&gt;
Expand All @@ -92,14 +89,11 @@ <h4 id="HTML">HTML</h4>
&lt;/select&gt;
</pre>

<h4 id="JavaScript">JavaScript</h4>

<pre class="brush: js">var repetition = document.getElementById("repetition");
<pre class="brush: js hidden">var repetition = document.getElementById("repetition");
repetition.addEventListener("change", function (evt) {
document.getElementById("bordered").style.borderImageRepeat = evt.target.value;
});
</pre>
</div>

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

Expand Down
10 changes: 2 additions & 8 deletions files/en-us/web/css/clip-path/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -100,8 +100,7 @@ <h2 id="Examples">Examples</h2>

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

<div class="hidden" id="clip-path">
<pre class="brush: html">&lt;svg class="defs"&gt;
<pre id="clip-path" class="brush: html hidden">&lt;svg class="defs"&gt;
&lt;defs&gt;
&lt;clipPath id="myPath" clipPathUnits="objectBoundingBox"&gt;
&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;
Expand Down Expand Up @@ -518,7 +517,6 @@ <h3 id="Comparison_of_HTML_and_SVG">Comparison of HTML and SVG</h3>
svg text.em {
font-style: italic;
}</pre>
</div>

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

Expand Down Expand Up @@ -556,15 +554,11 @@ <h4 id="CSS">CSS</h4>
}
</pre>

<div class="hidden">
<h4 id="JavaScript">JavaScript</h4>

<pre class="brush: js">const clipPathSelect = document.getElementById("clipPath");
<pre class="brush: js hidden">const clipPathSelect = document.getElementById("clipPath");
clipPathSelect.addEventListener("change", function (evt) {
document.getElementById("clipped").style.clipPath = evt.target.value;
});
</pre>
</div>

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

Expand Down
Loading