From 644ddc3f5ddcd04c1f1b2435c4543e922c733166 Mon Sep 17 00:00:00 2001 From: Sreelakshmi M K Date: Thu, 5 Oct 2023 23:41:44 +0530 Subject: [PATCH] gallery responsive --- css/gallery.css | 86 ++++++--------------------------------------- css/gallery.css.map | 2 +- css/gallery.scss | 10 +++--- 3 files changed, 16 insertions(+), 82 deletions(-) diff --git a/css/gallery.css b/css/gallery.css index c42b7fa..d0cf75e 100644 --- a/css/gallery.css +++ b/css/gallery.css @@ -16,13 +16,6 @@ body { color: #fff; line-height: normal; letter-spacing: normal; - /* background-image: url(https://img.freepik.com/free-photo/yellow-color-explode-crowd-enjoying-holi-festival_23-2148129339.jpg?w=1380&t=st=1696473901~exp=1696474501~hmac=f4e1b48a6b60d64f833c8520f787920fbf778b420fc91a11639d1143ebcdfe05); */ - background-image: url(https://img.freepik.com/free-vector/infinite-pentagonal-tunnel-shining-flares-orange-background_1217-1298.jpg?w=740&t=st=1696474000~exp=1696474600~hmac=d1411255c8b95d97467244c0967ce4ff43bc5448aec71df31bcaa44f8417dc7f); - background-color: #704010; - background-repeat: no-repeat; - background-size: cover; - position: relative; - backdrop-filter: blur(5px); } /*loader thx:https://codepen.io/aurer*/ @@ -39,7 +32,6 @@ body { align-items: center; justify-content: center; } - .loader svg path, .loader svg rect { fill: #ed1b28; @@ -50,7 +42,6 @@ body { position: relative; z-index: 1; } - .gallery-wrapper .content { position: relative; overflow: hidden; @@ -63,19 +54,16 @@ body { background: #101014; background: linear-gradient(to left, #19191f, #101014); } - .gallery-wrapper .content .gallery.full { position: relative; display: flex; align-items: center; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper { display: flex; height: 80vh; align-items: center; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide { position: relative; height: 50vh; @@ -84,37 +72,30 @@ body { width: auto; opacity: 0.25; } - -.gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev, -.gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next { +.gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev, .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next { width: 20% !important; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active { height: 80vh; width: 60% !important; opacity: 1; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:hover .zoom { opacity: 1; pointer-events: auto; visibility: visible; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .image { width: 100%; height: 100%; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .image img { width: 100%; height: 100%; display: block; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay { position: absolute; left: 0; @@ -131,18 +112,15 @@ body { visibility: hidden; transition: all 0.3s ease-out; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay.show { opacity: 1; visibility: visible; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay.show .text-wrap { opacity: 1; visibility: visible; transform: translateY(0); } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap { display: flex; flex-direction: column; @@ -152,18 +130,15 @@ body { transform: translateY(50px); transition: all 0.4s linear; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap .name span { font-size: 2.2em; font-weight: 700; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap .caption p { font-size: 1.16em; color: #fff; line-height: 1.7; } - .gallery-wrapper .content .gallery.full .swiper-next-button, .gallery-wrapper .content .gallery.full .swiper-prev-button { position: absolute; @@ -177,28 +152,23 @@ body { align-items: center; cursor: pointer; } - .gallery-wrapper .content .gallery.full .swiper-next-button.swiper-button-disabled, .gallery-wrapper .content .gallery.full .swiper-prev-button.swiper-button-disabled { opacity: 0.2; } - .gallery-wrapper .content .gallery.full .swiper-next-button em, .gallery-wrapper .content .gallery.full .swiper-prev-button em { font-size: 68px; } - .gallery-wrapper .content .gallery.full .swiper-next-button { right: 0; padding-left: 5vw; justify-content: flex-start; } - .gallery-wrapper .content .gallery.full .swiper-prev-button { left: 0; padding-right: 5vw; } - .gallery-wrapper .content .gallery.thumb { position: relative; width: 100%; @@ -208,41 +178,34 @@ body { align-items: center; padding-left: 12px; } - .gallery-wrapper .content .gallery.thumb .swiper-container { width: 100%; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide { position: relative; height: 10vh; box-sizing: border-box; cursor: pointer; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .image { box-shadow: inset 0px 0px 0px 2px #ed1b28; padding: 2px; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .image .overlay { opacity: 1; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide .image { width: 100%; height: 100%; position: relative; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide .image img { width: 100%; height: 100%; display: block; -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide .image .overlay { position: absolute; left: 2px; @@ -257,19 +220,15 @@ body { opacity: 0; transition: all 0.2s linear; } - .gallery-wrapper .content .gallery.thumb .swiper-next-button { right: -15px; } - .gallery-wrapper .content .gallery.thumb .swiper-prev-button { left: -5px; } - .gallery-wrapper .content .gallery.thumb .swiper-prev-button em { transform: rotate(180deg); } - .gallery-wrapper .content .gallery.thumb .swiper-next-button, .gallery-wrapper .content .gallery.thumb .swiper-prev-button { position: absolute; @@ -284,12 +243,10 @@ body { background-color: #ed1b28; cursor: pointer; } - .gallery-wrapper .content .gallery.thumb .swiper-next-button:hover, .gallery-wrapper .content .gallery.thumb .swiper-prev-button:hover { background-color: #c5101b; } - .gallery-wrapper .content .gallery.thumb .swiper-next-button.swiper-button-disabled, .gallery-wrapper .content .gallery.thumb .swiper-prev-button.swiper-button-disabled { opacity: 0.2; @@ -303,7 +260,6 @@ body { bottom: 0; padding: 20px; } - .signature h3 { font-weight: 600; font-size: 0.926em; @@ -311,7 +267,6 @@ body { display: flex; margin-bottom: 5px; } - .signature a, .signature em { text-decoration: none; @@ -320,7 +275,6 @@ body { font-size: 0.88em; transition: all 0.2s linear; } - .signature a:hover, .signature em:hover { color: #aaa; @@ -331,41 +285,31 @@ body { .gallery-wrapper .content { padding: 5vh 0; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper { - height: 70vh; + height: 70%; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide { - height: 50vh; + height: 50%; } - - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev, - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next { - width: 10% !important; + .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-prev, .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next { + width: 5% !important; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active { - height: 70vh; - width: 80% !important; + height: 50%; + width: 90% !important; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay { padding: 20px; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap { transform: translateY(0); } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap .name span { font-size: 1.6em; } - .gallery-wrapper .content .gallery.full .swiper-container .swiper-wrapper .swiper-slide .overlay .text-wrap .caption p { font-size: 1.06em; } - .gallery-wrapper .content .gallery.full .swiper-next-button, .gallery-wrapper .content .gallery.full .swiper-prev-button { width: 10%; @@ -373,40 +317,30 @@ body { align-items: center; justify-content: center; } - .gallery-wrapper .content .gallery.full .swiper-next-button em, .gallery-wrapper .content .gallery.full .swiper-prev-button em { font-size: 45px; } - .gallery-wrapper .content .gallery.full .swiper-next-button { padding-left: 0; } - .gallery-wrapper .content .gallery.full .swiper-prev-button { padding-right: 0; } - .gallery-wrapper .content .gallery.thumb { padding: 0 30px; max-width: 100%; } - .gallery-wrapper .content .gallery.thumb .swiper-container .swiper-wrapper .swiper-slide { height: 80px; } - .gallery-wrapper .content .gallery.thumb .swiper-next-button { right: 10px; } - .gallery-wrapper .content .gallery.thumb .swiper-prev-button { left: 10px; } - .signature { display: none; } -} - -/*# sourceMappingURL=gallery.css.map */ \ No newline at end of file +}/*# sourceMappingURL=gallery.css.map */ \ No newline at end of file diff --git a/css/gallery.css.map b/css/gallery.css.map index 3670b80..b0b39cf 100644 --- a/css/gallery.css.map +++ b/css/gallery.css.map @@ -1 +1 @@ -{"version":3,"sources":["gallery.scss","gallery.css"],"names":[],"mappings":"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","file":"gallery.css"} \ No newline at end of file +{"version":3,"sources":["gallery.scss","gallery.css"],"names":[],"mappings":"AAAA;EACC,sBAAA;EACA,8BAAA;EACA,qBAAA;ACCD;;ADOA;EAAM,wBAAA;ACHN;;ADQA;EACC,SAAA;EACA,qCAZc;EAad,eAXmB;EAYnB,gBAXmB;EAYnB,WAdmB;EAenB,mBAAA;EACA,sBAAA;ACLD;;ADQA,sCAAA;AACA;EACC,eAAA;EACA,OAAA;EACA,MAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,mBAAA;EACA,sDAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;ACLD;ADOC;;EAEC,aA7BgB;ACwBlB;;ADSA,UAAA;AAEA;EACC,kBAAA;EACA,UAAA;ACPD;ADSC;EACC,kBAAA;EACA,gBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,cAAA;EACA,mBAAA;EACA,sDAAA;ACPF;ADYG;EACC,kBAAA;EACA,aAAA;EACA,mBAAA;ACVJ;ADaK;EACC,aAAA;EACA,YAAA;EACA,mBAAA;ACXN;ADaM;EACC,kBAAA;EACA,YAAA;EACA,6BAAA;EACA,sBAAA;EACA,WAAA;EACA,aAAA;ACXP;ADaO;EACoB,qBAAA;ACX3B;ADaO;EACC,YAAA;EACA,qBAAA;EACA,UAAA;ACXR;ADcS;EACC,UAAA;EACA,oBAAA;EACA,mBAAA;ACZV;ADiBO;EACC,WAAA;EACA,YAAA;ACfR;ADiBQ;EACC,WAAA;EACA,YAAA;EACA,cAAA;EACA,oBAAA;KAAA,iBAAA;ACfT;ADmBO;EACC,kBAAA;EACA,OAAA;EACA,SAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,4BAAA;EACA,wBAAA;EACA,uGAAA;EACA,aAAA;EACA,mBAAA;EACA,UAAA;EACA,kBAAA;EACA,6BAAA;ACjBR;ADmBQ;EACC,UAAA;EACA,mBAAA;ACjBT;ADmBS;EACC,UAAA;EACA,mBAAA;EACA,wBAAA;ACjBV;ADqBQ;EACC,aAAA;EACA,sBAAA;EACA,gBAAA;EACA,UAAA;EACA,kBAAA;EACA,2BAAA;EACA,2BAAA;ACnBT;ADsBU;EACC,gBAAA;EACA,gBAAA;ACpBX;ADyBU;EACC,iBAAA;EACA,WAAA;EACA,gBAAA;ACvBX;ADgCI;;EAEC,kBAAA;EACA,WAAA;EACA,aAAA;EACA,2BAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,yBAAA;EACA,mBAAA;EACA,eAAA;AC9BL;ADgCK;;EAAyB,YAAA;AC5B9B;AD8BK;;EACC,eAAA;AC3BN;AD+BI;EACC,QAAA;EACA,iBAAA;EACA,2BAAA;AC7BL;ADgCI;EACC,OAAA;EACA,kBAAA;AC9BL;ADkCG;EACC,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;EACA,aAAA;EACA,mBAAA;EACA,kBAAA;AChCJ;ADkCI;EACC,WAAA;AChCL;ADkCM;EACC,kBAAA;EACA,YAAA;EACA,sBAAA;EACA,eAAA;AChCP;ADmCQ;EACC,yCAAA;EACA,YAAA;ACjCT;ADmCS;EAAS,UAAA;AChClB;ADoCO;EACC,WAAA;EACA,YAAA;EACA,kBAAA;AClCR;ADoCQ;EACC,WAAA;EACA,YAAA;EACA,cAAA;EACA,oBAAA;KAAA,iBAAA;AClCT;ADqCQ;EACC,kBAAA;EACA,SAAA;EACA,QAAA;EACA,uCAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,uBAAA;EACA,wBAAA;EACA,UAAA;EACA,2BAAA;ACnCT;AD0CI;EAAoB,YAAA;ACvCxB;ADwCI;EAAoB,UAAA;ACrCxB;ADsCK;EAAG,yBAAA;ACnCR;ADsCI;;EAEC,kBAAA;EACA,WAAA;EACA,aAAA;EACA,2BAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,yBAxQa;EAyQb,eAAA;ACpCL;ADsCK;;EACC,yBAAA;ACnCN;ADsCK;;EAAyB,YAAA;AClC9B;;AD0CA,YAAA;AAEA;EACC,kBAAA;EACA,UAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;ACxCD;AD0CC;EACC,gBAAA;EACA,kBAAA;EACA,cAnSgB;EAoShB,aAAA;EACA,kBAAA;ACxCF;AD2CC;;EAEC,qBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;EACA,2BAAA;ACzCF;AD2CE;;EACC,WAAA;ACxCH;;AD6CA,SAAA;AACA;EAEU;IACK,cAAA;EC3Cb;EDgD4B;IACK,WAAA;EC9CjC;EDgDiC;IACK,WAAA;EC9CtC;EDgDsC;IACoB,oBAAA;EC9C1D;EDgDsC;IACK,WAAA;IACA,qBAAA;EC9C3C;EDiDsC;IACK,aAAA;EC/C3C;EDiD2C;IACK,wBAAA;EC/ChD;EDkDqD;IACK,gBAAA;EChD1D;EDqDqD;IACK,iBAAA;ECnD1D;ED4DuB;;IAEK,UAAA;IACA,YAAA;IACA,mBAAA;IACA,uBAAA;EC1D5B;ED4D4B;;IACK,eAAA;ECzDjC;ED6DuB;IAAoB,eAAA;EC1D3C;ED2DuB;IAAoB,gBAAA;ECxD3C;ED2DkB;IACK,eAAA;IAChB,eAAA;ECzDP;ED4DiC;IACK,YAAA;EC1DtC;ED+DuB;IAAoB,WAAA;EC5D3C;ED6DuB;IAAoB,UAAA;EC1D3C;EDgEG;IAAW,aAAA;EC7Dd;AACF","file":"gallery.css"} \ No newline at end of file diff --git a/css/gallery.scss b/css/gallery.scss index f4d9c02..8c9dadc 100644 --- a/css/gallery.scss +++ b/css/gallery.scss @@ -331,17 +331,17 @@ body{ &.full{ .swiper-container{ .swiper-wrapper{ - height: 70vh; + height: 70%; .swiper-slide{ - height: 50vh; + height: 50%; &.swiper-slide-prev, - &.swiper-slide-next{width: 10%!important} + &.swiper-slide-next{width: 5%!important} &.swiper-slide-active{ - height: 70vh; - width: 80%!important + height: 50%; + width: 90%!important } .overlay{