spur-tailwind/css/components/punches.css

Spur web UI

.punch-list {
  @apply flex flex-wrap;
}

.punch-list-title {
  @apply mb-8 pr-4 w-1/2 flex-shrink-0 font-semibold;
}

.punch-list-description {
  @apply inline-flex items-center mb-8 ml-auto w-1/2;
}

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

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

.punch-list-rule {
  @apply block mb-8 mx-0 border-b border-border-line-purple;
}

/* Disputes */
.punch-list-dispute {
  @apply inline-flex items-center ml-2 text-deep-watermelon text-sm;
}

.punch-list-dispute-icon {
  @apply fill-current mr-3;
}

@screen sm {
  .punch-list {
    @apply w-2/3;
  }

  .punch-list-rule {
    @apply w-2/3;
  }
}

@screen xl {
  .punch-list {
    @apply w-1/2;
  }

  .punch-list-rule {
    @apply w-1/2;
  }
}