public-ui-kolibri

@use '../components/@shared/mixins' as *; @mixin kol-card { .kol-card { /* Visible with forced colors */ outline: transparent solid to-rem(1); display: grid; height: 100%; overflow: visible; gap: to-rem(8); grid-template-areas: 'header close' 'content content'; grid-template-columns: 1fr min-content; grid-template-rows: min-content 1fr; &__header { align-self: start; grid-area: header; } &__content { align-self: stretch; grid-area: content; } &__close-button { grid-area: close; } } }