@gravity-ui/uikit
Version:
Gravity UI base styling and components
81 lines (80 loc) • 2 kB
CSS
.g-disclosure_size_m .g-disclosure__trigger {
font-family: var(--g-text-body-font-family);
font-weight: var(--g-text-body-font-weight);
font-size: var(--g-text-body-1-font-size);
line-height: var(--g-text-body-1-line-height);
}
.g-disclosure_size_l .g-disclosure__trigger {
font-family: var(--g-text-body-font-family);
font-weight: var(--g-text-body-font-weight);
font-size: var(--g-text-body-2-font-size);
line-height: var(--g-text-body-2-line-height);
}
.g-disclosure_size_xl .g-disclosure__trigger {
font-family: var(--g-text-subheader-font-family);
font-weight: var(--g-text-subheader-font-weight);
font-size: var(--g-text-subheader-3-font-size);
line-height: var(--g-text-subheader-3-line-height);
}
.g-disclosure__trigger {
padding: 0;
font-family: var(--g-text-body-font-family);
font-size: inherit;
font-weight: var(--g-text-body-font-weight);
color: inherit;
background: none;
border: none;
outline: none;
cursor: pointer;
display: flex;
flex-flow: row nowrap;
gap: 8px;
flex-shrink: 0;
align-items: center;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
border-radius: var(--g-focus-border-radius);
}
.g-disclosure__trigger:focus-visible {
outline: 2px solid var(--g-color-line-focus);
}
.g-disclosure__trigger_arrow_end {
flex-direction: row-reverse;
}
.g-disclosure__trigger_disabled {
color: var(--g-color-text-secondary);
cursor: auto;
}
.g-disclosure__content {
display: none;
}
.g-disclosure__content_visible {
display: block;
}
.g-disclosure__content.g-disclosure_exit_active {
display: block;
animation-name: g-disclosure-collapsed;
animation-duration: 0.1s;
opacity: 0;
}
.g-disclosure__content.g-disclosure_enter_active {
animation-name: g-disclosure-expanded;
animation-duration: 0.2s;
}
@keyframes g-disclosure-expanded {
0% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@keyframes g-disclosure-collapsed {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}