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

Added <label> compatibility to groups

Browse source
This commit is contained in:
Yohn 2024-11-11 22:10:47 -05:00
parent fe78285302
commit b1fcd44b73
241 changed files with 10390 additions and 3095 deletions
Download patch file Download diff file Expand all files Collapse all files

24
scss/components/_group.scss
View file

@ -17,9 +17,16 @@
vertical-align: middle;
transition: box-shadow var(#{$css-var-prefix}transition);
> label {
//border-color: var(#{$css-var-prefix}secondary-background);
background-color: var(#{$css-var-prefix}secondary-background);
color: var(#{$css-var-prefix}secondary-inverse);
}
> *,
input:not([type="checkbox"], [type="radio"]),
select {
select,
label {
position: relative;
flex: 1 1 auto;
margin-bottom: 0;
@ -46,7 +53,8 @@
[type="button"],
[role="button"],
input:not([type="checkbox"], [type="radio"]),
select {
select,
label {
&:not(:first-child) {
margin-left: calc(var(#{$css-var-prefix}border-width) * -1);
}
@ -56,7 +64,8 @@
[type="submit"],
[type="reset"],
[type="button"],
[role="button"] {
[role="button"],
label {
width: auto;
}
@ -68,7 +77,8 @@
);
input:not([type="checkbox"], [type="radio"]),
select {
select,
label {
border-color: transparent;
}
}
@ -83,7 +93,8 @@
button,
[type="submit"],
[type="button"],
[role="button"] {
[role="button"],
label {
#{$css-var-prefix}button-box-shadow: 0 0 0 var(#{$css-var-prefix}border-width)
var(#{$css-var-prefix}primary-border);
#{$css-var-prefix}button-hover-box-shadow: 0 0 0 var(#{$css-var-prefix}border-width)
@ -96,7 +107,8 @@
[type="submit"],
[type="reset"],
[type="button"],
[role="button"] {
[role="button"],
label {
&:focus {
box-shadow: none;
}