FEATURE Handling the components styles
This commit is contained in:
parent
54c4a2aa94
commit
16fa84fefe
22
resources/css/blocks/gallery.css
Normal file
22
resources/css/blocks/gallery.css
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
.gallery {
|
||||
@apply max-w-screen-xl mx-auto px-12 py-12;
|
||||
|
||||
.gallery-card {
|
||||
@apply h-auto py-12 border border-primary !p-3;
|
||||
img {
|
||||
@apply w-full max-h-80 object-cover;
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
@apply p-2;
|
||||
}
|
||||
|
||||
.swiper-slide:nth-child(even) .gallery-card {
|
||||
@apply rotate-1;
|
||||
}
|
||||
|
||||
.swiper-slide:nth-child(odd) .gallery-card {
|
||||
@apply -rotate-1;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user