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

Docs: code indentation

Browse source
This commit is contained in:
Lucas Larroche 2021-11-02 10:46:55 +07:00
parent f6d38a7586
commit 6feb60dd42
2 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
docs/customization.html
View file

@ -5,7 +5,7 @@
</code></pre></footer></article><p>There are 2 ways to customize your version of Pico.css:</p><h4>Overriding CSS variables</h4><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) */ </code></pre></footer></article><p>There are 2 ways to customize your version of Pico.css:</p><h4>Overriding CSS variables</h4><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) */
/* Can be forced with data-theme="light" */</em> /* Can be forced with data-theme="light" */</em>
<b>[data-theme=<u>"light"</u>]</b>, <b>[data-theme=<u>"light"</u>]</b>,
<b>:root:not([data-theme=<u>"dark"</u>])</b> { <b>:root:not([data-theme=<u>"dark"</u>])</b> {
<i>--primary</i>: <u class="c600">…</u>; <i>--primary</i>: <u class="c600">…</u>;
<i>--primary-hover</i>: <u class="c700">…</u>; <i>--primary-hover</i>: <u class="c700">…</u>;
<i>--primary-focus</i>: <u class="c600-outline-light">…</u>; <i>--primary-focus</i>: <u class="c600-outline-light">…</u>;

2
docs/src/customization.html
View file

@ -54,7 +54,7 @@
<pre><code><em>/* <span class="name"></span>Light scheme (Default) */ <pre><code><em>/* <span class="name"></span>Light scheme (Default) */
/* Can be forced with data-theme="light" */</em> /* Can be forced with data-theme="light" */</em>
<b>[data-theme=<u>"light"</u>]</b>, <b>[data-theme=<u>"light"</u>]</b>,
<b>:root:not([data-theme=<u>"dark"</u>])</b> { <b>:root:not([data-theme=<u>"dark"</u>])</b> {
<i>--primary</i>: <u class="c600">…</u>; <i>--primary</i>: <u class="c600">…</u>;
<i>--primary-hover</i>: <u class="c700">…</u>; <i>--primary-hover</i>: <u class="c700">…</u>;
<i>--primary-focus</i>: <u class="c600-outline-light">…</u>; <i>--primary-focus</i>: <u class="c600-outline-light">…</u>;