Skip to content

Commit d610bd3

Browse files
lucaslarrochelucaslarroche
authored
Merge pull request picocss#478 from picocss/dev
v2.0.4
2 parents f714a51 + 990c930 commit d610bd3

File tree

246 files changed

+1164
-639
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

246 files changed

+1164
-639
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ Pico v2.0 features better accessibility, easier customization with SASS, a compl
2525

2626
[Read more](https://picocss.com/docs/v2)
2727

28-
2928
## A Superpowered HTML Reset
29+
3030
With just the right amount of everything, Pico is great starting point for a clean and lightweight design system.
3131

3232
- Class-light and Semantic

‎css/pico.amber.css

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.0.3 (https://picocss.com)
3+
* Pico CSS ✨ v2.0.4 (https://picocss.com)
44
* Copyright 2019-2024 - Licensed under MIT
55
*/
66
/**
@@ -708,6 +708,16 @@ section {
708708
display: grid;
709709
grid-template-columns: 1fr;
710710
}
711+
@media (max-width: calc(768px - 1px)) {
712+
.grid input:not([type=checkbox], [type=radio]),
713+
.grid select,
714+
.grid textarea,
715+
.grid fieldset,
716+
.grid fieldset legend,
717+
.grid label {
718+
margin-bottom: 0;
719+
}
720+
}
711721
@media (min-width: 768px) {
712722
.grid {
713723
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
@@ -1511,6 +1521,7 @@ select:not([multiple], [size]) {
15111521
}
15121522
select[multiple] option:checked {
15131523
background: var(--pico-form-element-selected-background-color);
1524+
color: var(--pico-form-element-color);
15141525
}
15151526

15161527
[dir=rtl] select:not([multiple], [size]) {
@@ -1644,7 +1655,7 @@ label:has([type=checkbox], [type=radio]) {
16441655
background-image: none;
16451656
}
16461657
[type=checkbox][role=switch]:checked::before {
1647-
margin-inline-start: calc(1.125em - var(--pico-border-width));
1658+
margin-inline-start: calc(2.25em - 1.25em / 2 - var(--pico-border-width) * 3);
16481659
}
16491660
[type=checkbox][role=switch][disabled] {
16501661
--pico-background-color: var(--pico-border-color);
@@ -2284,7 +2295,7 @@ label > details.dropdown {
22842295
width: 1em;
22852296
height: 1em;
22862297
background-image: var(--pico-icon-loading);
2287-
background-size: 1rem auto;
2298+
background-size: 1em auto;
22882299
background-repeat: no-repeat;
22892300
content: "";
22902301
vertical-align: -0.125em;

‎css/pico.amber.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/pico.blue.css

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.0.3 (https://picocss.com)
3+
* Pico CSS ✨ v2.0.4 (https://picocss.com)
44
* Copyright 2019-2024 - Licensed under MIT
55
*/
66
/**
@@ -708,6 +708,16 @@ section {
708708
display: grid;
709709
grid-template-columns: 1fr;
710710
}
711+
@media (max-width: calc(768px - 1px)) {
712+
.grid input:not([type=checkbox], [type=radio]),
713+
.grid select,
714+
.grid textarea,
715+
.grid fieldset,
716+
.grid fieldset legend,
717+
.grid label {
718+
margin-bottom: 0;
719+
}
720+
}
711721
@media (min-width: 768px) {
712722
.grid {
713723
grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
@@ -1511,6 +1521,7 @@ select:not([multiple], [size]) {
15111521
}
15121522
select[multiple] option:checked {
15131523
background: var(--pico-form-element-selected-background-color);
1524+
color: var(--pico-form-element-color);
15141525
}
15151526

15161527
[dir=rtl] select:not([multiple], [size]) {
@@ -1644,7 +1655,7 @@ label:has([type=checkbox], [type=radio]) {
16441655
background-image: none;
16451656
}
16461657
[type=checkbox][role=switch]:checked::before {
1647-
margin-inline-start: calc(1.125em - var(--pico-border-width));
1658+
margin-inline-start: calc(2.25em - 1.25em / 2 - var(--pico-border-width) * 3);
16481659
}
16491660
[type=checkbox][role=switch][disabled] {
16501661
--pico-background-color: var(--pico-border-color);
@@ -2284,7 +2295,7 @@ label > details.dropdown {
22842295
width: 1em;
22852296
height: 1em;
22862297
background-image: var(--pico-icon-loading);
2287-
background-size: 1rem auto;
2298+
background-size: 1em auto;
22882299
background-repeat: no-repeat;
22892300
content: "";
22902301
vertical-align: -0.125em;

‎css/pico.blue.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/pico.classless.amber.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.0.3 (https://picocss.com)
3+
* Pico CSS ✨ v2.0.4 (https://picocss.com)
44
* Copyright 2019-2024 - Licensed under MIT
55
*/
66
/**
@@ -1345,6 +1345,7 @@ select:not([multiple], [size]) {
13451345
}
13461346
select[multiple] option:checked {
13471347
background: var(--pico-form-element-selected-background-color);
1348+
color: var(--pico-form-element-color);
13481349
}
13491350

13501351
[dir=rtl] select:not([multiple], [size]) {
@@ -1478,7 +1479,7 @@ label:has([type=checkbox], [type=radio]) {
14781479
background-image: none;
14791480
}
14801481
[type=checkbox][role=switch]:checked::before {
1481-
margin-inline-start: calc(1.125em - var(--pico-border-width));
1482+
margin-inline-start: calc(2.25em - 1.25em / 2 - var(--pico-border-width) * 3);
14821483
}
14831484
[type=checkbox][role=switch][disabled] {
14841485
--pico-background-color: var(--pico-border-color);
@@ -1958,7 +1959,7 @@ article > footer {
19581959
width: 1em;
19591960
height: 1em;
19601961
background-image: var(--pico-icon-loading);
1961-
background-size: 1rem auto;
1962+
background-size: 1em auto;
19621963
background-repeat: no-repeat;
19631964
content: "";
19641965
vertical-align: -0.125em;

‎css/pico.classless.amber.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/pico.classless.blue.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.0.3 (https://picocss.com)
3+
* Pico CSS ✨ v2.0.4 (https://picocss.com)
44
* Copyright 2019-2024 - Licensed under MIT
55
*/
66
/**
@@ -1345,6 +1345,7 @@ select:not([multiple], [size]) {
13451345
}
13461346
select[multiple] option:checked {
13471347
background: var(--pico-form-element-selected-background-color);
1348+
color: var(--pico-form-element-color);
13481349
}
13491350

13501351
[dir=rtl] select:not([multiple], [size]) {
@@ -1478,7 +1479,7 @@ label:has([type=checkbox], [type=radio]) {
14781479
background-image: none;
14791480
}
14801481
[type=checkbox][role=switch]:checked::before {
1481-
margin-inline-start: calc(1.125em - var(--pico-border-width));
1482+
margin-inline-start: calc(2.25em - 1.25em / 2 - var(--pico-border-width) * 3);
14821483
}
14831484
[type=checkbox][role=switch][disabled] {
14841485
--pico-background-color: var(--pico-border-color);
@@ -1958,7 +1959,7 @@ article > footer {
19581959
width: 1em;
19591960
height: 1em;
19601961
background-image: var(--pico-icon-loading);
1961-
background-size: 1rem auto;
1962+
background-size: 1em auto;
19621963
background-repeat: no-repeat;
19631964
content: "";
19641965
vertical-align: -0.125em;

‎css/pico.classless.blue.min.css

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/pico.classless.conditional.amber.css

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@charset "UTF-8";
22
/*!
3-
* Pico CSS ✨ v2.0.3 (https://picocss.com)
3+
* Pico CSS ✨ v2.0.4 (https://picocss.com)
44
* Copyright 2019-2024 - Licensed under MIT
55
*/
66
/**
@@ -1345,6 +1345,7 @@ main {
13451345
}
13461346
.pico select[multiple] option:checked {
13471347
background: var(--pico-form-element-selected-background-color);
1348+
color: var(--pico-form-element-color);
13481349
}
13491350

13501351
[dir=rtl] .pico select:not([multiple], [size]) {
@@ -1478,7 +1479,7 @@ main {
14781479
background-image: none;
14791480
}
14801481
.pico [type=checkbox][role=switch]:checked::before {
1481-
margin-inline-start: calc(1.125em - var(--pico-border-width));
1482+
margin-inline-start: calc(2.25em - 1.25em / 2 - var(--pico-border-width) * 3);
14821483
}
14831484
.pico [type=checkbox][role=switch][disabled] {
14841485
--pico-background-color: var(--pico-border-color);
@@ -1958,7 +1959,7 @@ main {
19581959
width: 1em;
19591960
height: 1em;
19601961
background-image: var(--pico-icon-loading);
1961-
background-size: 1rem auto;
1962+
background-size: 1em auto;
19621963
background-repeat: no-repeat;
19631964
content: "";
19641965
vertical-align: -0.125em;

0 commit comments

Comments
 (0)