@use '../../styles/abstracts' as *;
@use '../abstracts-theme' as *;

/* Theme Organism - yap-presentation */
.o-presentation{

  &__item {
    @extend %card-with-hover;
    &__header {
      background-color: themed($theme-map, 'color', 'primary', 100);
      yap-icon.is-private {
        color: themed($theme-map, 'color', 'primary', 500)
      }
    }

    &__txt {
      color: themed($theme-map, 'color', 'primary', 600);
      .a-p {
        &.-date {
          color: themed($theme-map, 'color', 'primary', 500);
        }
      }
    }

    &__footer {
      border-top: 1px themed($theme-map, 'color', 'primary', 300) solid;

      .a-btn{
        &:hover,
        &:active{
          color: themed($theme-map, 'color', 'accent', 400);
          transition: color 100ms linear;
        }
      }

    }

  }


}