vocurations/user/themes/vocurations/scss/theme/_mixins.scss

@mixin flexbox {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}

@mixin space-between {
  @include flexbox;
  justify-content: space-between;
}

@mixin grilles{
  display: grid;
  grid-template-columns: calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem) calc((100% / 6) - 1.4rem);
  grid-gap: 1.4rem;
  grid-auto-rows: minmax(3.2rem, 3.2rem);
  justify-items: stretch;
}


@mixin card($size) {
  @if $size == 'small' {
    .card-header{
      h5{
        font-size: $Fsub-title;
        line-height: $Lsub-title;
      }
    }
    .card-date{
      time{
        font-size: $Fsub-title;
        line-height: $Lsub-title;
      }
    }
  } @else if $size == 'big' {
    width: $first_card;
    .card-header{
      h5{
        font-size: $Ftitle;
        line-height: $Ltitle;
      }
    }
    .card-date{
      time{
        font-size: $Ftitle;
        line-height: $Ltitle;
      }
    }
  }
}