35 lines
750 B
CSS
35 lines
750 B
CSS
/* ========================================================= */
|
|
/* Patterns: Scrollable Card */
|
|
/* ========================================================= */
|
|
|
|
.sg-scrollable-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: var(--layout-scrollable-card-width);
|
|
max-width: 100%;
|
|
height: var(--layout-scrollable-card-height);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.sg-scrollable-card__header,
|
|
.sg-scrollable-card__actions-segment {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.sg-scrollable-card__content {
|
|
flex: 1 1 auto;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.sg-scrollable-card__actions {
|
|
display: flex;
|
|
gap: var(--spacing-small);
|
|
width: 100%;
|
|
}
|
|
|
|
.sg-scrollable-card__actions > .sg-button {
|
|
flex: 1 1 0;
|
|
min-width: 0;
|
|
}
|