1#@!#!123s

: / home / tattooscyy / api / vendor / facade / ignition / resources / css / utilities /
Filename : definition-list.css
back
.definition-list {
    @apply grid;
    @apply gapx-6;
    @apply gapy-2;
}

.definition-list .definition-list {
    @apply border-l-2;
    @apply border-gray-300;
    @apply pl-4;
}

@screen sm {
    .definition-list {
        grid-template-columns: 8rem 1fr;
    }

    .definition-list .definition-list {
        grid-template-columns: auto 1fr;
    }
}

@screen lg {
    .definition-list {
        grid-template-columns: 14rem 1fr;
    }
}

.definition-list-title {
    @apply font-semibold;
    @apply mb-3;
}

@screen sm {
    .definition-list-title {
        margin-left: 9.5rem;
    }
}

@screen lg {
    .definition-list-title {
        margin-left: 15.5rem;
    }
}

.definition-label {
    @apply text-tint-600;
    @apply break-words;
    @apply leading-tight;
}

@screen sm {
    .definition-label {
        @apply text-right;
    }
}

.definition-value {
    @apply break-all;
    @apply mb-4;
    @apply leading-tight;
}

@screen sm {
    .definition-value {
        @apply mb-0;
    }
}

.definition-label:empty:after,
.definition-value:empty:after {
    content: '—';
    @apply text-gray-300;
}

.definition-list-empty {
    @apply text-gray-300;
}

@screen sm {
    .definition-list-empty {
        @apply start-2;
    }

    .definition-list .definition-list .definition-list-empty {
        @apply start-1;
    }
}