mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: group

Browse source
This commit is contained in:
Lucas Larroche 2024-01-27 19:54:45 +07:00
parent f958109248
commit 97f3f13aa5
123 changed files with 1436 additions and 1559 deletions
Download patch file Download diff file Expand all files Collapse all files

37
scss/components/_group.scss
View file

@ -6,31 +6,11 @@
* Group ([role="group"], [role="search"])
*/
#{$parent-selector} form {
&[role="search"],
&[role="group"] {
width: 100%;
}
}
#{$parent-selector} [role="search"] {
> * {
&:first-child {
border-top-left-radius: 5rem;
border-bottom-left-radius: 5rem;
}
&:last-child {
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}
}
}
#{$parent-selector} [role="search"],
#{$parent-selector} [role="group"] {
display: inline-flex;
position: relative;
width: 100%;
margin-bottom: var(#{$css-var-prefix}spacing);
border-radius: var(#{$css-var-prefix}border-radius);
box-shadow: var(#{$css-var-prefix}group-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
@ -114,6 +94,7 @@
// Remove button box shadow if we have a group box shadow
button,
[type="submit"],
[type="reset"],
[type="button"],
[role="button"] {
&:focus {
@ -122,4 +103,18 @@
}
}
}
#{$parent-selector} [role="search"] {
> * {
&:first-child {
border-top-left-radius: 5rem;
border-bottom-left-radius: 5rem;
}
&:last-child {
border-top-right-radius: 5rem;
border-bottom-right-radius: 5rem;
}
}
}
}