Update Theme: `accordion` and `panel`
parent
9e8b1f13d0
commit
ab17ce0cb7
|
@ -94,9 +94,7 @@ export default {
|
||||||
font-weight: var(--p-accordion-header-font-weight);
|
font-weight: var(--p-accordion-header-font-weight);
|
||||||
border-radius: var(--p-border-radius);
|
border-radius: var(--p-border-radius);
|
||||||
transition: var(--p-transition);
|
transition: var(--p-transition);
|
||||||
}
|
outline-color: transparent;
|
||||||
.p-accordion-header-action:focus {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
.p-accordion-header-text {
|
.p-accordion-header-text {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
@ -105,9 +103,9 @@ export default {
|
||||||
margin-right: var(--p-inline-gap);
|
margin-right: var(--p-inline-gap);
|
||||||
}
|
}
|
||||||
.p-accordion-header:not(.p-disabled) .p-accordion-header-action:focus-visible {
|
.p-accordion-header:not(.p-disabled) .p-accordion-header-action:focus-visible {
|
||||||
outline: var(--p-focus-outline); /* @todo */
|
outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color);
|
||||||
outline-offset: var(--p-focus-outline-offset);
|
outline-offset: var(--p-focus-ring-offset);
|
||||||
box-shadow: inset var(--p-focus-shadow);
|
z-index: 1;
|
||||||
}
|
}
|
||||||
.p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-action {
|
.p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-action {
|
||||||
background: var(--p-accordion-header-hover-background);
|
background: var(--p-accordion-header-hover-background);
|
||||||
|
|
|
@ -47,8 +47,7 @@ export default {
|
||||||
color: '{surface.800}',
|
color: '{surface.800}',
|
||||||
borderColor: 'transparent',
|
borderColor: 'transparent',
|
||||||
background: '{surface.100}'
|
background: '{surface.100}'
|
||||||
},
|
}
|
||||||
focus: {}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
content: {
|
content: {
|
||||||
|
|
Loading…
Reference in New Issue