Verified Commit 3eb24bbb authored by Aral Balkan's avatar Aral Balkan
Browse files

Use CSS to progressively enhance text click/tap based on input device

parent 52ae8a27
......@@ -600,6 +600,25 @@ footer {
margin-right: auto;
}
/********************************************************************************
* *
* Feature-specific *
* *
********************************************************************************/
/* If they can hover, they can click. */
@media (hover: hover) {
.just-tap { display: none; }
.click-and-tap { display: none; }
}
/* If they can’t hover, they can tap. */
@media (hover: none) {
.just-click { display: none; }
.click-and-tap { display: none; }
}
/********************************************************************************
* *
* Break points *
......
......@@ -144,8 +144,8 @@
<h3>Tip</h3>
<p>The following command pipes the installation script into your shell. <strong>Make sure you understand what any script does before piping it into your shell.</strong></p>
<p>The installation script downloads the correct Site.js binary for your platform and places it on your path. View the source of the <a class='linux macos' href='https://should-i-pipe.it/https://sitejs.org/install'>Linux and macOS</a><span class='no-js'> and </span><a class='windows' href='https://should-i-pipe.it/https://sitejs.org/install.txt'>Windows</a> installation script<span class='no-js'>s</span>.</p>
<p id='copy-tip' class='hidden'>You can click/tap on the code samples to copy them to the clipboard.</p>
<p>This installation script downloads the correct Site.js binary for your platform and places it on your path. View the source of the <a class='linux macos' href='https://should-i-pipe.it/https://sitejs.org/install'>Linux and macOS</a><span class='no-js'> and </span><a class='windows' href='https://should-i-pipe.it/https://sitejs.org/install.txt'>Windows</a> script<span class='no-js'>s</span>.</p>
<p id='copy-tip' class='hidden'>You can <span class='just-click'>click</span><span class='click-and-tap'>/</span><span class='just-tap'>tap</span> the code samples to copy them to the clipboard.</p>
</aside>
<h4 class='no-js'>Linux</h4>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment