inkShio

< a > не хочет растягиваться на всю ширину articl'a

a {
display:block;
width:100%;
height:100%;
}

a {
display: block;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
}

$(document).ready(function(){
  $('.slick-slider').slick();
});

<div class="slick-slider MYSTYLECLASS">
  <div class="MYSTYLECLASS__ITEM">your content</div>
  <div class="MYSTYLECLASS__ITEM">your content</div>
  <div class="MYSTYLECLASS__ITEM">your content</div>
</div>

<div class="slick-slider MYSTYLECLASS-2">
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
  <div class="MYSTYLECLASS-2__ITEM">your content</div>
</div>

<div class="slick-slide"><div class="container-content">слайд 1</div></div>
<div class="slick-slide slick-current"><div class="container-content">слайд 2</div></div>
<div class="slick-slide"><div class="container-content">слайд 3</div></div>

.slick-current > .container-content {
  transform: scale(2);
}

.class_1 {
    @extend .class_2;
    right: 0;
    left: 0;
}

.class_2 {
    position: absolute;
    top: 0;
    bottom: 0;
}

%position {
    position: absolute;
    top: 0;
    bottom: 0;
}

.class_1 {
    @extend %position;
    right: 0;
    left: 0;
}

.class_2 {
    @extend %position;
}