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

Improvements

Browse source 
- Small adjustments for table striping
- Consitent shadows for Dark mode
- Bigger Checkboxes, Radios and Switches
- Disable transitions for Checkboxes, Radios and Details
- Simplier .grids in docs
- Replace .js for internal scroll with CSS
- Better aside adjustment in .js
- Many small improvements in docs
This commit is contained in:
Lucas 2019-12-08 10:35:18 +07:00
parent 772425bf2f
commit c8ddb87647
26 changed files with 209 additions and 288 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -48,7 +48,7 @@
--code-color-4: #998866;
--code-color-5: #96a4ae;
--table-border: rgba(237, 240, 243, 0.75);
--table-stripping: rgba(27, 40, 50, 0.02);
--table-stripping: rgba(115, 130, 140, 0.04);
}
@media only screen and (prefers-color-scheme: dark) {
@ -85,7 +85,7 @@
--muted-border: #23333e;
--card-background: #17232b;
--card-sections: #141d24;
--card-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0 0 0.0625rem rgba(0, 0, 0, 0.09);
--card-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.08), 0 0.125rem 2rem rgba(0, 0, 0, 0.04), 0 0 0 0.0625rem rgba(0, 0, 0, 0.1);
--code-background: #141d24;
--code-inlined: rgba(65, 84, 98, 0.25);
--code-color-1: #73828c;
@ -94,7 +94,7 @@
--code-color-4: #8c8473;
--code-color-5: #4d606d;
--table-border: #10181e;
--table-stripping: rgba(237, 240, 243, 0.02);
--table-stripping: rgba(115, 130, 140, 0.02);
}
}
@ -131,7 +131,7 @@
--muted-border: #23333e;
--card-background: #17232b;
--card-sections: #141d24;
--card-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06), 0 0.125rem 2rem rgba(0, 0, 0, 0.12), 0 0 0 0.0625rem rgba(0, 0, 0, 0.09);
--card-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.08), 0 0.125rem 2rem rgba(0, 0, 0, 0.04), 0 0 0 0.0625rem rgba(0, 0, 0, 0.1);
--code-background: #141d24;
--code-inlined: rgba(65, 84, 98, 0.25);
--code-color-1: #73828c;
@ -140,7 +140,7 @@
--code-color-4: #8c8473;
--code-color-5: #4d606d;
--table-border: #10181e;
--table-stripping: rgba(237, 240, 243, 0.02);
--table-stripping: rgba(115, 130, 140, 0.02);
}
/**
@ -722,14 +722,16 @@ label > textarea {
*/
[type="checkbox"],
[type="radio"] {
font-size: 1.125rem;
display: inline-block;
width: 1em;
height: 1em;
margin-right: .375rem;
margin-bottom: 0.125rem;
border-width: 2px;
font-size: 1.125rem;
vertical-align: middle;
cursor: pointer;
transition: none;
}
[type="checkbox"]::-ms-check,
@ -1079,7 +1081,6 @@ details summary::after {
background-repeat: no-repeat;
background-size: 1rem auto;
content: '';
transition: transform 0.2s ease-in-out;
}
details summary:focus {