37 lines
916 B
CSS
37 lines
916 B
CSS
.ui-acc{
|
|
border: 1px solid var(--ui-border);
|
|
background: var(--ui-panel);
|
|
border-radius: var(--ui-radius);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.ui-acc__item{ border-top: 1px solid var(--ui-border); }
|
|
.ui-acc__item:first-child{ border-top: 0; }
|
|
|
|
.ui-acc__trigger{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
padding: 12px;
|
|
background: transparent;
|
|
border: 0;
|
|
color: var(--ui-fg);
|
|
font: inherit;
|
|
cursor: pointer;
|
|
}
|
|
.ui-acc__trigger:hover{ background: rgba(255,255,255,0.04); }
|
|
:root[data-theme="light"] .ui-acc__trigger:hover{ background: rgba(17,19,24,0.04); }
|
|
|
|
.ui-acc__title{ font-weight: 800; }
|
|
.ui-acc__chevron{ color: var(--ui-muted); transition: transform .12s ease; }
|
|
|
|
.ui-acc__trigger[data-state="open"] .ui-acc__chevron{ transform: rotate(180deg); }
|
|
|
|
.ui-acc__content{
|
|
padding: 0 12px 12px 12px;
|
|
color: var(--ui-muted);
|
|
font-size: 13px;
|
|
}
|