/* --- 04. COMPOSANTS --- */

/*
 * Les différents composants réutilisables de la page.
 *
 */

@import 'components/cards';

@import 'components/buttons';

@import 'components/previews';

.flex-that {
  display: flex;
  justify-content: space-between;
}

strong.btn-fake {
  @include button($button_large);
  @include button-fullcontrol(transparent, transparent, rgba(0,0,0,1));
}

a.article-nav-link-wrap {
  @include button($button_large);
  padding-left: $button_large;
  padding-right: $button_large;
    &:hover, &:active {
        @include borders();
    }

    p &:last-child {
        margin-bottom:0;
    }
    @include button-color($color-info, $color-button-light);
}

.pigimg, .mb {
  padding-bottom:1.5rem;
}

.screen-reader-text {
  visibility: collapse;
  font-size:0;
}

nav.pagination {
  padding-bottom:1.5rem;
  .nav-links {
    text-align: center;
    width:100%;
  }
  .page-numbers, .next, .prev {
      @include button($button_small);
      padding-left: $button_small;
      padding-right: $button_small;
      @include button-color($color-light2, $color-button-dark);

      &.current {
        @include button-color($color-info, $color-button-light);
      }
  }
}

.card-select {
  width:100%;
}

.input-group {
  padding-bottom:1.5rem;

  input, textarea {
    width:100%;
    background-color:$color-light;
    border-radius:0px;
    border: 1px solid rgba(0,0,0,0.2);
    padding:0.375rem;
  }
}