@alihbuzaid/ember-ui/addon/styles/components/cards.css

Fleetbase UI provides all the interface components, helpers, services and utilities for building a Fleetbase extension into the Console.

.place-card {
    @apply self-stretch mx-2;
}

.place-card div {
    @apply text-sm uppercase;
}

.place-card .place-location > div {
    @apply mr-1;
}

.place-card .place-meta {
    @apply flex w-full;
}

.place-card .place-meta .place-meta-key {
    @apply mr-1;
}

body[data-theme='dark'] .place-card div {
    @apply text-gray-200 uppercase;
}

body[data-theme='dark'] .place-card .place-name {
    @apply text-gray-100;
}

.order-schedule-card {
    @apply rounded border border-gray-200;
}

.order-schedule-card .card-title {
    @apply px-5 py-2 flex items-center justify-between rounded-t;
}

.order-schedule-card .card-content {
    @apply px-5 py-2.5 rounded-b;
}

body[data-theme='dark'] .order-schedule-card {
    @apply rounded text-gray-100 border-gray-700;
}

body[data-theme='dark'] .order-schedule-card .card-title {
    @apply px-5 py-2 bg-gray-900 shadow-sm;
}

body[data-theme='dark'] .order-schedule-card .card-content {
    @apply bg-gray-900;
}