}
.embla__viewport {
overflow: hidden;
- max-width: 1280px;
+ max-width: 1290px;
+ padding-left: 4px;
+ margin-left: -4px;
}
.embla__container {
display: flex;
}
}
.embla__slide {
- flex: 0 0 calc((100% / 2) - 8px);
+ flex: 0 0 calc(50% - 12px);
@include media-breakpoint-up(xl) {
- flex: 0 0 calc((100% / 4) - 25px);
- }
- @include media-breakpoint-up(xxl) {
- flex: 0 0 calc((100% / 4) - 16px);
+ flex: 0 0 calc(25% - 26px);
}
@media (min-width: 1461px) {
flex: 0 0 230px;
<div class="cover {{$class}}">
<a class="img-link cursor-pointer {{!Auth::check() ? 'notConnected' : ''}}" href="{{Auth::check() ? $link : '#'}}"
target="{{Auth::check() ? $target : '_self'}}">
- <div class="relative">
+ <div class="relative z-2">
<img class="d-block cover-over box-shadow-cover border-[8px] max-xl:border-[6px] !border-solid border-white" src="{{$pdf->coverUrl}}" alt="">
<div class="tickness h-[99%] bg-white absolute right-0 top-1/2 w-[3px] translate-x-full -translate-y-1/2"></div>
</div>
- <div class="shadowcover">
+ <div class="shadowcover relative -top-[3px]">
<img class="max-h-[39px]" src="{{ @asset('img/ombre-magazine.svg') }}"/>
</div>
</a>