vuestic-ui
Version:
Vue 3 UI Framework
33 lines • 968 B
CSS
.va-card-block {
display: flex;
flex-direction: column;
}
.va-card-block > div:first-child {
border-top-right-radius: var(--va-card-border-radius);
border-top-left-radius: var(--va-card-border-radius);
}
.va-card-block > div:last-child {
border-bottom-right-radius: var(--va-card-border-radius);
border-bottom-left-radius: var(--va-card-border-radius);
}
.va-card-block > div {
flex: auto;
}
.va-card-block--horizontal {
flex-direction: row;
}
.va-card-block--horizontal > div:first-child {
border-top-left-radius: var(--va-card-border-radius);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: var(--va-card-border-radius);
}
.va-card-block--horizontal > div:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--va-card-border-radius);
border-bottom-right-radius: var(--va-card-border-radius);
}
.va-card-block--horizontal > .va-divider {
flex: 0;
}