card.pcss

@responsive {
  .card {
    @apply elevation-2;
  }

  .card__body {
    @apply p-8;
  }
}

.card--hoveractive {
  @apply transition duration-200;

  &:hover {
    @apply elevation-21;
  }
}

.card-headline {
  @apply text-xl font-condensed font-bold leading-tight break-words;
}

.card-body-text {
  @apply font-light leading-normal text-sm break-words ;
}

.card-actions {
  @apply px-8 py-4 border-t border-grey-125 flex items-center;
}

.card-actions--right {
  @apply justify-end;
}
@screen md{
  .card--min-square:before {
    content: "";
    display: block;
    padding-top: calc(100% - 1px); /*minus bottom border*/
    float: left;
  }
}

.icon-card {
    background-repeat: no-repeat;
    background-position: 90% 13%;
    background-size: 60px;
    h1, h2, h3, h4{
      max-width: 75%;
      word-wrap: normal;
    }
}

[data-archetype="doprava"]{
    background-image: url(../images/archetype/doprava.svg);
}

[data-archetype="finance"]{
    background-image: url(../images/archetype/finance.svg);
}

[data-archetype="kultura"]{
    background-image: url(../images/archetype/kultura.svg);
}

[data-archetype="obrana"] {
    background-image: url(../images/archetype/obrana.svg);
}

[data-archetype="prace"] {
    background-image: url(../images/archetype/prace.svg);
}

[data-archetype="prostredi"] {
    background-image: url(../images/archetype/prostredi.svg);
}

[data-archetype="prumysl"] {
    background-image: url(../images/archetype/prumysl.svg);
}

[data-archetype="rozvoj"] {
    background-image: url(../images/archetype/rozvoj.svg);
}

[data-archetype="spravedlnost"] {
    background-image: url(../images/archetype/spravedlnost.svg);
}

[data-archetype="vnitro"] {
    background-image: url(../images/archetype/vnitro.svg);
}

[data-archetype="vzdelavani"] {
    background-image: url(../images/archetype/vzdelavani.svg);
}

[data-archetype="vztahy"] {
    background-image: url(../images/archetype/vztahy.svg);
}

[data-archetype="zdravotnictvi"] {
    background-image: url(../images/archetype/zdravotnictvi.svg);
}

[data-archetype="zemedelstvi"] {
    background-image: url(../images/archetype/zemedelstvi.svg);
}