mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 03:06:14 -04:00
refactor: group
This commit is contained in:
parent
f958109248
commit
97f3f13aa5
123 changed files with 1436 additions and 1559 deletions
25
css/pico.css
25
css/pico.css
|
@ -2145,23 +2145,11 @@ label > details.dropdown {
|
|||
/**
|
||||
* Group ([role="group"], [role="search"])
|
||||
*/
|
||||
form[role=search], form[role=group] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
}
|
||||
|
||||
[role=search],
|
||||
[role=group] {
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-bottom: var(--pico-spacing);
|
||||
border-radius: var(--pico-border-radius);
|
||||
box-shadow: var(--pico-group-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
|
||||
|
@ -2261,16 +2249,27 @@ form[role=search], form[role=group] {
|
|||
}
|
||||
[role=search] button:focus,
|
||||
[role=search] [type=submit]:focus,
|
||||
[role=search] [type=reset]:focus,
|
||||
[role=search] [type=button]:focus,
|
||||
[role=search] [role=button]:focus,
|
||||
[role=group] button:focus,
|
||||
[role=group] [type=submit]:focus,
|
||||
[role=group] [type=reset]:focus,
|
||||
[role=group] [type=button]:focus,
|
||||
[role=group] [role=button]:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
[role=search] > *:first-child {
|
||||
border-top-left-radius: 5rem;
|
||||
border-bottom-left-radius: 5rem;
|
||||
}
|
||||
[role=search] > *:last-child {
|
||||
border-top-right-radius: 5rem;
|
||||
border-bottom-right-radius: 5rem;
|
||||
}
|
||||
|
||||
/**
|
||||
* Loading ([aria-busy=true])
|
||||
*/
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue