<div class="Card">

</div>
<div class="Card">

</div>
{
  "company": "Ascend Performance Materials",
  "url": "https://www.ascendmaterials.com",
  "placeholders": {
    "copy": "Cozy lummox gives smart squid who asks for job pen"
  }
}
  • Content:
    .HighlightCard {
      &:hover {
        .Card__media {
          @apply  brightness-125;
        }
      }
      
      &, .Link--wrapper {
        @apply flex
        flex-col
        grow;
      }
      .Card__media {
        @apply relative
          transition
          duration-700;
      }
    
      .Card__title {
        @apply absolute
          top-4
          left-4
          text-white
          text-lg;
      }
    
      .Card__copy {
        @apply grow 
          p-6
          pr-24
          bg-[bottom_1rem_right_1rem];
      }
    }
  • URL: /components/raw/highlight-card/highlight-card.scss
  • Filesystem Path: src/components/01-elements/card/highlight-card/highlight-card.scss
  • Size: 429 Bytes
  • Handle: @highlight-card
  • Preview:
  • Filesystem Path: src/components/01-elements/card/highlight-card/highlight-card.twig

No notes defined.