mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 02:36:15 -04:00
Merge branch 'dev' into copyedit
This commit is contained in:
commit
df61784095
30 changed files with 521 additions and 533 deletions
|
@ -345,7 +345,7 @@ section > pre {
|
|||
}
|
||||
@media (min-width: 992px) {
|
||||
[data-theme=invalid]:before,
|
||||
[data-theme=valid]:before {
|
||||
[data-theme=valid]:before {
|
||||
top: var(--spacing);
|
||||
right: var(--spacing);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,8 +1,8 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Progress"
|
||||
${require('./_head.html')
|
||||
title="Progress"
|
||||
description="Progress bar element in pure HTML, without JavaScript."
|
||||
canonical="progress.html"
|
||||
}
|
||||
|
@ -10,10 +10,10 @@
|
|||
|
||||
<body>
|
||||
${require('./_nav.html')}
|
||||
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="progress-link"}
|
||||
|
||||
|
||||
<div role="document">
|
||||
<section id="progress">
|
||||
<hgroup>
|
||||
|
@ -28,22 +28,19 @@
|
|||
|
||||
</footer>
|
||||
</article>
|
||||
<p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p>
|
||||
<p>A progress bar without a <code><b>value</b></code> attribute is indeterminate.</p>
|
||||
<article aria-label="Indeterminate progress bar example">
|
||||
<progress id="indeterminate-progress"></progress>
|
||||
<script>document.getElementById('indeterminate-progress').indeterminate = true;</script>
|
||||
<progress></progress>
|
||||
<footer class="code">
|
||||
|
||||
<pre><code><<b>script</b>>
|
||||
<i>document</i>.<b>getElementById</b>(<u>'indeterminate-progress'</u>).<i>indeterminate</i> = <u>true</u>;
|
||||
</<b>script</b>></code></pre>
|
||||
<pre><code><<b>progress</b>></<b>progress</b>></code></pre>
|
||||
|
||||
</footer>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
${require('./_footer.html')}
|
||||
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<script src="js/commons.min.js"></script>
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Add table
Add a link
Reference in a new issue