36 lines
1.1 KiB
CSS
36 lines
1.1 KiB
CSS
/* ========================================================= */
|
|
/* Patterns: VSF List Card */
|
|
/* ========================================================= */
|
|
|
|
#layout-vsf-list-card .sg-vsf-list-card-limit-note {
|
|
margin: 0 0 var(--space-16) 0;
|
|
color: var(--text-vsf-list-card-limit-note);
|
|
}
|
|
|
|
#layout-vsf-list-card .sg-vsf-list-card__summary {
|
|
margin: var(--layout-vsf-list-card-summary-offset-block-start) 0 0 0;
|
|
}
|
|
|
|
#layout-vsf-list-card [data-pattern="overlay-card"] {
|
|
--layout-delete-confirmation-target-max-width: var(--layout-vsf-list-card-delete-confirmation-target-max-width);
|
|
}
|
|
|
|
#layout-vsf-list-card .sg-vsf-list-card__overlay-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1 1 var(--layout-object-group-card-min-width);
|
|
min-width: var(--layout-object-group-card-min-width);
|
|
max-width: var(--layout-object-group-card-max-width);
|
|
height: var(--layout-object-card-height);
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
#layout-vsf-list-card .sg-vsf-list-card__overlay-item {
|
|
flex-basis: 100%;
|
|
width: 100%;
|
|
min-width: 0;
|
|
max-width: none;
|
|
height: var(--layout-object-card-mobile-height);
|
|
}
|
|
}
|