feat: include the close icon styles in classless

This commit is contained in:
Asbjørn Ulsberg 2023-12-28 14:29:56 +01:00
parent 357ab1f1a0
commit 49d289b626
No known key found for this signature in database
GPG key ID: 34616339C3D5E883
10 changed files with 75 additions and 34 deletions

View file

@ -2417,7 +2417,7 @@ dialog article > footer {
dialog article > header > * {
margin-bottom: 0;
}
dialog article > header .close {
dialog article > header .close, dialog article > header a[rel=prev] {
margin: 0;
margin-left: var(--pico-spacing);
float: right;
@ -2433,7 +2433,7 @@ dialog article > footer button:not(:first-of-type),
dialog article > footer [role=button]:not(:first-of-type) {
margin-left: calc(var(--pico-spacing) * 0.5);
}
dialog article .close {
dialog article .close, dialog article a[rel=prev] {
display: block;
width: 1rem;
height: 1rem;
@ -2447,7 +2447,7 @@ dialog article .close {
opacity: 0.5;
transition: opacity var(--pico-transition);
}
dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
dialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog article a[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {
opacity: 1;
}
dialog:not([open]), dialog[open=false] {