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

Clean

Browse source
This commit is contained in:
Lucas 2019-11-28 17:51:54 +07:00
parent 1c00483376
commit 2dff66136c
9 changed files with 48 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

10
css/pico.classless.css
View file

@ -39,8 +39,6 @@
--code-inlined: #edf1f3;
--code-color-1: #9f6060;
--code-color-2: #2f7ca2;
--badge-background: #73848c;
--badge-text: #FFF;
--table-background: #FFF;
--table-border: rgba(237, 241, 243, 0.75);
}
@ -72,8 +70,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -84,8 +80,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}
@ -117,8 +111,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -129,8 +121,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

10
css/pico.css
View file

@ -39,8 +39,6 @@
--code-inlined: #edf1f3;
--code-color-1: #9f6060;
--code-color-2: #2f7ca2;
--badge-background: #73848c;
--badge-text: #FFF;
--table-background: #FFF;
--table-border: rgba(237, 241, 243, 0.75);
}
@ -72,8 +70,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -84,8 +80,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}
@ -117,8 +111,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -129,8 +121,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}

10
css/pico.fluid.classless.css
View file

@ -39,8 +39,6 @@
--code-inlined: #edf1f3;
--code-color-1: #9f6060;
--code-color-2: #2f7ca2;
--badge-background: #73848c;
--badge-text: #FFF;
--table-background: #FFF;
--table-border: rgba(237, 241, 243, 0.75);
}
@ -72,8 +70,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -84,8 +80,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}
@ -117,8 +111,6 @@
--input-border: #374b56;
--valid: #1f7a5c;
--invalid: #943838;
--valid: #1f7a5c;
--invalid: #943838;
--muted-text: #73848c;
--muted-background: #10191e;
--muted-border: #23353e;
@ -129,8 +121,6 @@
--code-inlined: rgba(65, 87, 98, 0.25);
--code-color-1: #ac5353;
--code-color-2: #4d91b3;
--badge-background: #2c4049;
--badge-text: #a2b1b9;
--table-background: #141f24;
--table-border: #10191e;
}

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

55
docs/index.html
View file

@ -25,7 +25,7 @@
<li>Documentation</li>
</ul>
<ul>
<li><a href="#start" class="secondary">Start</a></li>
<li><a href="#" class="secondary">Examples</a></li>
<li><a href="#docs" class="secondary">Docs</a></li>
<li>
<a href="https://github.com/picocss/pico" class="secondary">
@ -182,7 +182,7 @@
<a name="customization"></a>
<hgroup>
<h2>Customization</h2>
<p>You can customize themes with Sass or you can simply edit the CSS variables.</p>
<p>You can customize themes with SCSS or you can simply edit the CSS variables.</p>
</hgroup>
<h5>Pick a color!</h5>
<article data-theme="generated">
@ -206,7 +206,7 @@
</fieldset>
</article>
<p>Sass:</p>
<p>SCSS:</p>
<pre data-theme="generated"><code>// <span class="name">Custom colors</span>
<i>$primary-500</i>: <u class="c500">...</u>;
@ -452,31 +452,66 @@
<article>
<hgroup>
<h1>Heading 1</h1>
<p><small><code>32px</code> on extra small devices, <code>40px</code> on extra large devices</small></p>
<p>
<small>
<code>32px</code> on extra small devices<br>
<code>40px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<h2>Heading 2</h2>
<p><small><code>28px</code> on extra small devices, <code>35px</code> on extra large devices</small></p>
<p>
<small>
<code>28px</code> on extra small devices<br>
<code>35px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<h3>Heading 3</h3>
<p><small><code>24px</code> on extra small devices, <code>30px</code> on extra large devices</small></p>
<p>
<small>
<code>24px</code> on extra small devices<br>
<code>30px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<h4>Heading 4</h4>
<p><small><code>20px</code> on extra small devices, <code>25px</code> on extra large devices</small></p>
<p>
<small>
<code>20px</code> on extra small devices<br>
<code>25px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<h5>Heading 5</h5>
<p><small><code>18px</code> on extra small devices, <code>22.5px</code> on extra large devices</small></p>
<p>
<small>
<code>18px</code> on extra small devices<br>
<code>22.5px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<h6>Heading 6</h6>
<p><small><code>16px</code> on extra small devices, <code>20px</code> on extra large devices</small></p>
<p>
<small>
<code>16px</code> on extra small devices<br>
<code>20px</code> on extra large devices
</small>
</p>
</hgroup>
<hgroup>
<p>Paragraph</p>
<p><small><code>16px</code> on extra small devices, <code>20px</code> on extra large devices</small></p>
<p>
<small>
<code>16px</code> on extra small devices<br>
<code>20px</code> on extra large devices
</small>
</p>
</hgroup>
<pre><code>&lt;<b>h1</b>&gt;Heading 1&lt;/<b>h1</b></b>&gt;

16
scss/themes/_dark.scss
View file

@ -35,10 +35,6 @@
--input-background: #{darken($grey-900, 6%)};
--input-border: #{mix($grey-800, $grey-700)};
// Utilities states
--valid: #{$green-700};
--invalid: #{$red-900};
// Utilities states
--valid: #{$green-700};
--invalid: #{$red-900};
@ -57,10 +53,6 @@
--code-color-1: #{desaturate($red-700, 10%)};
--code-color-2: #{desaturate($primary-500, 40%)};
// Badge
--badge-background: #{$grey-800};
--badge-text: #{$grey-300};
// Table
--table-background: #{darken($grey-900, 4%)};
--table-border: #{darken($grey-900, 6%)};
@ -105,10 +97,6 @@
--input-background: #{darken($grey-900, 6%)};
--input-border: #{mix($grey-800, $grey-700)};
// Utilities states
--valid: #{$green-700};
--invalid: #{$red-900};
// Utilities states
--valid: #{$green-700};
--invalid: #{$red-900};
@ -127,10 +115,6 @@
--code-color-1: #{desaturate($red-700, 10%)};
--code-color-2: #{desaturate($primary-500, 40%)};
// Badge
--badge-background: #{$grey-800};
--badge-text: #{$grey-300};
// Table
--table-background: #{darken($grey-900, 4%)};
--table-border: #{darken($grey-900, 6%)};

4
scss/themes/_light.scss
View file

@ -53,10 +53,6 @@
--code-color-1: #{desaturate($red-700, 20%)};
--code-color-2: #{desaturate($primary-600, 30%)};
// Badge
--badge-background: #{$grey-500};
--badge-text: #{$white};
// Table
--table-background: #{$white};
--table-border: #{rgba($grey-50, .75)};