spur-tailwind/css/components/definition-list.css

Spur web UI

.definition-list {
  @apply w-full leading-tight;
}

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

.definition-list-description {
  @apply mb-8;
}

.definition-list-description > p {
  @apply mb-4;
}

@screen sm {
  .definition-list {
    @apply flex flex-wrap;
  }

  .definition-list-title {
    @apply mb-8 pr-4 w-1/3 flex-shrink-0;
  }

  .definition-list-description {
    @apply mb-8 ml-auto w-2/3;
  }

  .definition-list .definition-list-title:last-of-type,
  .definition-list .definition-list-description:last-of-type {
    margin-bottom: 0;
  }

  /* Size modifers */
  .definition-list-lg .definition-list-title {
    @apply w-1/2;
  }

  .definition-list-lg .definition-list-description {
    @apply w-1/2;
  }
}

@screen xl {
  .definition-list-title {
    @apply w-1/4;
  }

  .definition-list-description {
    @apply w-3/4;
  }

  /* Size modifers */
  .definition-list-lg .definition-list-title {
    @apply w-1/2;
  }

  .definition-list-lg .definition-list-description {
    @apply w-1/2;
  }
}