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

Merge branch 'dev' into copyedit

Browse source
This commit is contained in:
Lucas Larroche 2023-01-28 12:26:57 +07:00 • committed by GitHub
commit df61784095
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
30 changed files with 521 additions and 533 deletions
Download patch file Download diff file Expand all files Collapse all files

46
css/pico.classless.css
View file

@ -53,33 +53,33 @@
@media (min-width: 576px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 768px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3);
}
}
@media (min-width: 992px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3.5);
}
}
@media (min-width: 1200px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 4);
}
}
@ -304,7 +304,7 @@ kbd {
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
:root:not([data-theme]) {
--background-color: #11191f;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);
@ -581,8 +581,8 @@ body > footer {
}
@media (min-width: 576px) {
body > header,
body > main,
body > footer {
body > main,
body > footer {
max-width: 510px;
padding-right: 0;
padding-left: 0;
@ -590,22 +590,22 @@ body > footer {
}
@media (min-width: 768px) {
body > header,
body > main,
body > footer {
body > main,
body > footer {
max-width: 700px;
}
}
@media (min-width: 992px) {
body > header,
body > main,
body > footer {
body > main,
body > footer {
max-width: 920px;
}
}
@media (min-width: 1200px) {
body > header,
body > main,
body > footer {
body > main,
body > footer {
max-width: 1130px;
}
}
@ -2478,8 +2478,8 @@ textarea,
*/
@media (prefers-reduced-motion: reduce) {
*:not([aria-busy=true]),
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
background-attachment: initial !important;
animation-duration: 1ms !important;
animation-delay: -1ms !important;

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

31
css/pico.css
View file

@ -55,33 +55,33 @@
@media (min-width: 576px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 768px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3);
}
}
@media (min-width: 992px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3.5);
}
}
@media (min-width: 1200px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 4);
}
}
@ -309,7 +309,7 @@ kbd {
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
:root:not([data-theme]) {
--background-color: #11191f;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);
@ -1987,6 +1987,7 @@ dialog:not([open]), dialog[open=false] {
padding-right: var(--scrollbar-width, 0px);
overflow: hidden;
pointer-events: none;
touch-action: none;
}
.modal-is-open dialog {
pointer-events: auto;
@ -2644,8 +2645,8 @@ textarea,
*/
@media (prefers-reduced-motion: reduce) {
*:not([aria-busy=true]),
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
background-attachment: initial !important;
animation-duration: 1ms !important;
animation-delay: -1ms !important;

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

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

@ -53,33 +53,33 @@
@media (min-width: 576px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 768px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3);
}
}
@media (min-width: 992px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3.5);
}
}
@media (min-width: 1200px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 4);
}
}
@ -304,7 +304,7 @@ kbd {
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
:root:not([data-theme]) {
--background-color: #11191f;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);
@ -2448,8 +2448,8 @@ textarea,
*/
@media (prefers-reduced-motion: reduce) {
*:not([aria-busy=true]),
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
:not([aria-busy=true])::before,
:not([aria-busy=true])::after {
background-attachment: initial !important;
animation-duration: 1ms !important;
animation-delay: -1ms !important;

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css.map
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

2
css/pico.min.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.slim.css
View file

@ -240,7 +240,7 @@ kbd {
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
:root:not([data-theme]) {
--background-color: #11191f;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);

2
css/pico.slim.css.map
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
css/pico.slim.min.css.map
View file

File diff suppressed because one or more lines are too long

26
css/themes/default.css
View file

@ -50,33 +50,33 @@
@media (min-width: 576px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 768px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3);
}
}
@media (min-width: 992px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 3.5);
}
}
@media (min-width: 1200px) {
body > header,
body > main,
body > footer,
section {
body > main,
body > footer,
section {
--block-spacing-vertical: calc(var(--spacing) * 4);
}
}
@ -304,7 +304,7 @@ kbd {
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme=light]) {
:root:not([data-theme]) {
--background-color: #11191f;
--color: hsl(205deg, 16%, 77%);
--h1-color: hsl(205deg, 20%, 94%);

2
css/themes/default.css.map
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/themes/default.min.css.map
View file

File diff suppressed because one or more lines are too long

2
docs/css/pico.docs.css
View file

@ -345,7 +345,7 @@ section > pre {
}
@media (min-width: 992px) {
[data-theme=invalid]:before,
[data-theme=valid]:before {
[data-theme=valid]:before {
top: var(--spacing);
right: var(--spacing);
}

2
docs/css/pico.docs.css.map
View file

File diff suppressed because one or more lines are too long

2
docs/css/pico.docs.min.css.map
View file

File diff suppressed because one or more lines are too long

3
docs/rtl.html
View file

File diff suppressed because one or more lines are too long

9
docs/src/progress.html
View file

@ -28,15 +28,12 @@
</footer>
</article>
<p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p>
<p>A progress bar without a <code><b>value</b></code> attribute is indeterminate.</p>
<article aria-label="Indeterminate progress bar example">
<progress id="indeterminate-progress"></progress>
<script>document.getElementById('indeterminate-progress').indeterminate = true;</script>
<progress></progress>
<footer class="code">
<pre><code>&lt;<b>script</b>&gt;
<i>document</i>.<b>getElementById</b>(<u>'indeterminate-progress'</u>).<i>indeterminate</i> = <u>true</u>;
&lt;/<b>script</b>&gt;</code></pre>
<pre><code>&lt;<b>progress</b>&gt;&lt;/<b>progress</b>&gt;</code></pre>
</footer>
</article>

19
docs/typography.html
View file

File diff suppressed because one or more lines are too long

819
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

20
package.json
View file

@ -79,21 +79,21 @@
"watch:pico": "nodemon --watch scss/ --ext scss --exec 'npm run build:pico'"
},
"devDependencies": {
"@babel/cli": "^7.19.3",
"@babel/core": "^7.19.3",
"@babel/preset-env": "^7.19.3",
"autoprefixer": "^10.4.12",
"@babel/cli": "^7.20.7",
"@babel/core": "^7.20.7",
"@babel/preset-env": "^7.20.2",
"autoprefixer": "^10.4.13",
"clean-css-cli": "^5.6.1",
"css-declaration-sorter": "^6.3.1",
"html-includes": "^4.4.1",
"nodemon": "^2.0.20",
"npm-run-all": "^4.1.5",
"postcss": "^8.4.17",
"postcss-cli": "^10.0.0",
"postcss-scss": "^4.0.5",
"rollup": "^2.79.1",
"sass": "^1.55.0",
"uglify-js": "^3.17.2"
"postcss": "^8.4.20",
"postcss-cli": "^10.1.0",
"postcss-scss": "^4.0.6",
"rollup": "^3.8.1",
"sass": "^1.57.1",
"uglify-js": "^3.17.4"
},
"browserslist": [
">= 0.5%",

1
scss/components/_modal.scss
View file

@ -114,6 +114,7 @@ dialog {
padding-right: var(--scrollbar-width, 0px);
overflow: hidden;
pointer-events: none;
touch-action: none;
dialog {
pointer-events: auto;

2
scss/themes/default.scss
View file

@ -17,7 +17,7 @@
// Automatically enabled if user has Dark mode enabled
@import "default/dark";
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
:root:not([data-theme]) {
@include dark;
}
}