108 lines
1.9 KiB
CSS
108 lines
1.9 KiB
CSS
.ui-card {
|
|
@apply bg-white rounded-lg overflow-hidden;
|
|
}
|
|
|
|
.ui-card--small {
|
|
@apply p-4;
|
|
}
|
|
|
|
.ui-card--default {
|
|
@apply p-0;
|
|
}
|
|
|
|
.ui-card--large {
|
|
@apply p-8;
|
|
}
|
|
|
|
.ui-card--elevated {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.ui-card--outlined {
|
|
@apply border-2 border-gray-200;
|
|
}
|
|
|
|
.ui-card--filled {
|
|
@apply bg-gray-50;
|
|
}
|
|
|
|
.ui-card--shadow-sm {
|
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.ui-card--shadow {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.ui-card--shadow-md {
|
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
}
|
|
|
|
.ui-card--shadow-lg {
|
|
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.ui-card--shadow-xl {
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.ui-card--no-border {
|
|
@apply border-0;
|
|
}
|
|
|
|
.ui-card--rounded {
|
|
@apply rounded-lg;
|
|
}
|
|
|
|
.ui-card--hover {
|
|
@apply transition-all duration-200 ease-in-out;
|
|
}
|
|
|
|
.ui-card--hover:hover {
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
transform: translateY(-2px);
|
|
}
|
|
|
|
.ui-card-header {
|
|
@apply px-6 pb-2 pt-6;
|
|
}
|
|
|
|
.ui-card-title {
|
|
@apply flex flex-col;
|
|
}
|
|
|
|
.ui-card-title-text {
|
|
@apply text-lg font-semibold text-gray-900 m-0;
|
|
}
|
|
|
|
.ui-card-subtitle {
|
|
@apply text-sm text-gray-600 mt-1 m-0;
|
|
}
|
|
|
|
.ui-card-content {
|
|
@apply min-h-0;
|
|
}
|
|
|
|
.ui-card-footer {
|
|
@apply border-t border-gray-200 pt-4 mt-4;
|
|
}
|
|
|
|
.ui-card .p-card {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.ui-card .p-card .p-card-body {
|
|
@apply p-0;
|
|
}
|
|
|
|
.ui-card .p-card .p-card-content {
|
|
@apply p-0;
|
|
}
|
|
|
|
.ui-card .p-card .p-card-footer {
|
|
@apply p-0;
|
|
}
|
|
.title-generic{
|
|
@apply grid relative grid-cols-2a before:content-[''] before:w-[30%] before:h-1 after:bg-complement-100 before:absolute before:top-full after:mt-[1px] before:right-0 after:content-[''] after:w-[75%] after:h-0.5 before:!bg-dominant-400 before:!shadow-sm before:!shadow-dominant-100 after:absolute after:top-full after:right-[38%] pb-3
|
|
}
|