mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-05-04 22:57:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'picocss:master' into master

Browse source
This commit is contained in:
Justin Bishop 2021-12-19 08:46:34 -08:00 • committed by GitHub
commit 05d7e36cd3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -22,7 +22,7 @@
https://user-images.githubusercontent.com/23470684/126863110-94061cf1-36ea-4697-94bd-2e1071a95a2f.mp4 https://user-images.githubusercontent.com/23470684/126863110-94061cf1-36ea-4697-94bd-2e1071a95a2f.mp4
**Class-light and semantic** **Class-light and semantic**
Pico uses simple native HTML tags as much as possible. Only 6 .classes are used in Pico. Pico uses simple native HTML tags as much as possible. Less than 10 .classes are used in Pico.
**Great styles with just one CSS file** **Great styles with just one CSS file**
No dependencies, package manager, external files, or JavaScript. No dependencies, package manager, external files, or JavaScript.

2
docs/modal.html
View file

@ -62,7 +62,7 @@
&lt;/<b>a</b>&gt; &lt;/<b>a</b>&gt;
&lt;/<b>footer</b>&gt; &lt;/<b>footer</b>&gt;
&lt;/<b>article</b>&gt; &lt;/<b>article</b>&gt;
&lt;/<b>dialog</b>&gt;</code></pre></footer></article><p>Pico does not include JavaScript code. You will need to implement your JS to interact with modals.</p><p>As a starting point, you can look at the JavaScript used in this documentation: <a href="https://github.com/picocss/pico/blob/dev/docs/js/modal.js">js/modal.js</a>.</p><p>To make a modal appear, add the <code><i>open</i></code> attribute to the <code>&lt;<b>dialog</b>&gt;</code> container.</p><pre><code><em>&lt;!-- Open modal--&gt;</em> &lt;/<b>dialog</b>&gt;</code></pre></footer></article><p>Pico does not include JavaScript code. You will need to implement your JS to interact with modals.</p><p>As a starting point, you can look at the JavaScript used in this documentation: <a href="https://github.com/picocss/pico/blob/master/docs/js/modal.js">js/modal.js</a>.</p><p>To make a modal appear, add the <code><i>open</i></code> attribute to the <code>&lt;<b>dialog</b>&gt;</code> container.</p><pre><code><em>&lt;!-- Open modal--&gt;</em>
&lt;<b>dialog</b> <i>open</i>&gt; &lt;<b>dialog</b> <i>open</i>&gt;
&lt;<b>article</b>&gt; &lt;<b>article</b>&gt;
<em>…</em> <em>…</em>

2
docs/src/modal.html
View file

@ -140,7 +140,7 @@
<p>Pico does not include JavaScript code. You will need to implement your JS to interact with modals.</p> <p>Pico does not include JavaScript code. You will need to implement your JS to interact with modals.</p>
<p>As a starting point, you can look at the JavaScript used in this documentation: <a href="https://github.com/picocss/pico/blob/dev/docs/js/modal.js">js/modal.js</a>.</p> <p>As a starting point, you can look at the JavaScript used in this documentation: <a href="https://github.com/picocss/pico/blob/master/docs/js/modal.js">js/modal.js</a>.</p>
<p>To make a modal appear, add the <code><i>open</i></code> attribute to the <code>&lt;<b>dialog</b></u>&gt;</code> container.</p> <p>To make a modal appear, add the <code><i>open</i></code> attribute to the <code>&lt;<b>dialog</b></u>&gt;</code> container.</p>