cmds-tailwind-styles/styles/images.css

A tailwind preset of utilities for Copa Airlines design system

@layer components {
  .img {
    @apply max-w-full h-auto;

    &-vertical {
      @apply max-h-full w-auto;
    }
  }

  .destination-badge {
    @apply border-2 border-grey-500 p-4 rounded-full square-72;

    img {
      @apply rounded-full;
    }

    &-invert {
      @apply border-2 border-grey-50 p-4 rounded-full square-72;

      img {
        @apply rounded-full;
      }
    }
  }
}