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

Docs: Add modal page

Browse source
This commit is contained in:
Lucas Larroche 2021-11-08 00:08:17 +07:00
parent 10301430ab
commit f85faceb65
9 changed files with 229 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
docs/src/customization.html
View file

@ -23,7 +23,7 @@
<p>Example: <strong>pick a color!</strong></p>
<article data-theme="generated" aria-label="Generated theme example">
<h4><span class="name">Custom theme</span></h4>
<h3><span class="name">Custom theme</span></h3>
<form>
<div class="grid">
<input type="text" name="login" placeholder="Login" aria-label="Login" autocomplete="nickname" required>
@ -48,7 +48,7 @@
</footer>
</article>
<p>There are 2 ways to customize your version of Pico.css:</p>
<h4>Overriding CSS variables</h4>
<h3>Overriding CSS variables</h3>
<p>All Pico's styles and colors are set with <em>CSS custom properties</em> (variables). Just override the CSS variables to customize your version of Pico.</p>
<pre><code><em>/* <span class="name"></span>Light scheme (Default) */
@ -91,7 +91,7 @@
</code></pre>
<p>You can find all the CSS variables used in the default theme here: <a href="https://github.com/picocss/pico/blob/master/css/themes/default.css">css/themes/default.css</a></p>
<h4>Importing Pico SASS library</h4>
<h3>Importing Pico SASS library</h3>
<p>We recommend customizing Pico by importing SASS source files into your project. This way, you can keep Pico up to date without conflicts since Pico code and your custom code are separated.</p>
<p>Compile the SASS file to CSS to get a custom version of Pico.</p>