{"version":3,"sources":["file:///Users/jakubfreisler/Projects/vuestorefront/sfui2/packages/sfui/frameworks/sass/components/VsfCard.scss","../../sass/components/VsfCard.scss"],"names":[],"mappings":"AAEE,UAAA,qBAAA,CAAA,sDAAA,CAAA,qBAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,wCAAA,gBAAA,+DAAA,CAAA,iGAAA,CAAA,kGAAA,CAAA,CAGE,2BAAA,YAAA,CAAA,qBAAA,CAAA,YAAA,CAIA,yBAAA,UAAA,CAIA,iBAAA,gBAAA,CAAA,8BAAA,CAAA,+BAAA,CAAA,WAAA,CAAA,gBAAA,CAAA,UAAA,CAIA,iBAAA,qBAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,wCAAA,uBAAA,mBAAA,CAAA,2CAAA,CAAA,8BAAA,CAAA,CAAA,wBAAA,mBAAA,CAAA,2CAAA,CAIA,uBAAA,mBAAA,CAAA,0CAAA,CAAA,wBAAA,CAAA,eAAA,CAAA,WAAA,CAAA,wBAAA,CAIA,kBAAA,qBAAA,CAAA,gBAAA,CAyBA,mBAAA,kBAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,qBAAA,CAAA,qBAAA,CAAA,wCAAA,yBAAA,qBAAA,CAAA,6BAAA,CAAA,kGAAA,CAAA,CAGE,oCAAA,oBAAA,CAAA,WAAA,CAKF,qBAAA,eAAA,CA3BE,sCAAA,cAAA,CAAA,kBAAA,CAIA,4CAAA,iBAAA,CAAA,mBAAA,CA6BF,mBAAA,eAAA,CAvBE,oCAAA,iBAAA,CAAA,mBAAA,CAIA,0CAAA,gBAAA,CAAA,gBAAA,CAyBF,2BAAA,eAAA,CA7BE,4CAAA,iBAAA,CAAA,mBAAA,CAIA,kDAAA,gBAAA,CAAA,gBAAA,CA6BF,yBACE,2BAAA,eAAA,CA5CA,4CAAA,cAAA,CAAA,kBAAA,CAIA,kDAAA,iBAAA,CAAA,mBAAA,CC8BN","file":"VsfCard.css","sourcesContent":[".vsf-card {\n  $self: &;\n  @apply overflow-hidden border border-gray-200 rounded-md hover:shadow-lg;\n\n  &__content-wrapper {\n    @apply p-4 flex flex-col;\n  }\n\n  &__image-wrapper {\n    @apply w-full;\n  }\n\n  &__image {\n    @apply h-auto object-cover w-full aspect-square rounded-t-md;\n  }\n\n  &__title {\n    @apply font-medium font-body mb-1 hover:underline hover:text-primary-600 active:text-primary-700 self-start;\n  }\n\n  &__description {\n    @apply text-gray-700 font-normal font-body min-w-0 break-words;\n  }\n\n  &__button {\n    @apply mt-2 self-start;\n  }\n\n  /* stylelint-disable at-rule-no-unknown */ \n  @mixin text-size-base {\n    #{$self}__title {\n      @apply text-base;\n    }\n\n    #{$self}__description {\n      @apply text-sm;\n    }\n  }\n\n  @mixin text-size-sm {\n    #{$self}__title {\n      @apply text-sm;\n    }\n  \n    #{$self}__description {\n      @apply text-xs;\n    }\n  }\n\n  &--rounded {\n    @apply flex flex-col items-center border-none hover:shadow-none max-w-fit;\n\n    #{$self}__image {\n      @apply h-auto rounded-full;\n    }\n  }\n\n  &--size-base {\n    @apply max-w-[320px];\n\n    @include text-size-base;\n  }\n\n  &--size-sm {\n    @apply max-w-[192px];\n\n    @include text-size-sm;\n  }\n\n  &--size-responsive {\n    @apply max-w-[192px];\n\n    @include text-size-sm;\n\n    @media (min-width: 769px) {\n      @apply max-w-[320px];\n\n      @include text-size-base;\n    }\n  }\n}",".vsf-card {\n  @apply overflow-hidden border border-gray-200 rounded-md hover:shadow-lg;\n  /* stylelint-disable at-rule-no-unknown */\n}\n.vsf-card__content-wrapper {\n  @apply p-4 flex flex-col;\n}\n.vsf-card__image-wrapper {\n  @apply w-full;\n}\n.vsf-card__image {\n  @apply h-auto object-cover w-full aspect-square rounded-t-md;\n}\n.vsf-card__title {\n  @apply font-medium font-body mb-1 hover:underline hover:text-primary-600 active:text-primary-700 self-start;\n}\n.vsf-card__description {\n  @apply text-gray-700 font-normal font-body min-w-0 break-words;\n}\n.vsf-card__button {\n  @apply mt-2 self-start;\n}\n.vsf-card--rounded {\n  @apply flex flex-col items-center border-none hover:shadow-none max-w-fit;\n}\n.vsf-card--rounded .vsf-card__image {\n  @apply h-auto rounded-full;\n}\n.vsf-card--size-base {\n  @apply max-w-[320px];\n}\n.vsf-card--size-base .vsf-card__title {\n  @apply text-base;\n}\n.vsf-card--size-base .vsf-card__description {\n  @apply text-sm;\n}\n.vsf-card--size-sm {\n  @apply max-w-[192px];\n}\n.vsf-card--size-sm .vsf-card__title {\n  @apply text-sm;\n}\n.vsf-card--size-sm .vsf-card__description {\n  @apply text-xs;\n}\n.vsf-card--size-responsive {\n  @apply max-w-[192px];\n}\n.vsf-card--size-responsive .vsf-card__title {\n  @apply text-sm;\n}\n.vsf-card--size-responsive .vsf-card__description {\n  @apply text-xs;\n}\n@media (min-width: 769px) {\n  .vsf-card--size-responsive {\n    @apply max-w-[320px];\n  }\n  .vsf-card--size-responsive .vsf-card__title {\n    @apply text-base;\n  }\n  .vsf-card--size-responsive .vsf-card__description {\n    @apply text-sm;\n  }\n}"]}