تست۶: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱٬۹۵۶: / خط ۱٬۹۵۶: @@
 .positive-donation-page .pd-footer p,.positive-donation-page .pd-footer li{font-size:.82rem;}
-.pd-hero-slider{position:relative;min-height:360px;background:var(--purple);isolation:isolate;}
+.pd-hero-slider{
-.pd-hero-slides{position:absolute;inset:0;}
+    position:relative;
-.pd-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease;}
+    min-height:360px;
-.pd-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;}
+    background:#f7f0fa;
-.pd-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
+    isolation:isolate;
-.pd-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(63,32,88,.9),rgba(88,49,116,.62),rgba(232,91,155,.18));z-index:1;}
+}
-.pd-hero-slider .pd-hero-content{position:relative;z-index:2;min-height:360px;padding:30px 24px;justify-content:center;align-items:flex-start;}
+.pd-hero-slides{
+    position:absolute;
+    inset:0;
+}
+.pd-hero-slide{
+    position:absolute;
+    inset:0;
+    opacity:0;
+    visibility:hidden;
+    pointer-events:none;
+    transition:opacity .45s ease;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    overflow:hidden;
+}
+.pd-hero-slide.is-active{
+    opacity:1;
+    visibility:visible;
+    pointer-events:auto;
+}
+.pd-hero-slide>img{
+    position:absolute;
+    inset:0;
+    width:100%;
+    height:100%;
+    object-fit:contain;
+    object-position:center center;
+}
+.pd-hero-overlay{
+    position:absolute;
+    inset:0;
+    background:linear-gradient(0deg,rgba(63,32,88,.45),rgba(88,49,116,.05));
+    z-index:1;
+}
+.pd-hero-slider .pd-hero-content{
+    position:absolute;
+    z-index:2;
+    left:0;
+    right:0;
+    bottom:0;
+    min-height:auto;
+    padding:0 24px 28px;
+    justify-content:flex-end;
+    align-items:center;
+}
+.pd-hero-slider .pd-buttons{
+    justify-content:center;
+    width:100%;
+}
 .pd-hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(63,32,88,.58);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
 .pd-hero-prev{right:14px;}
@@ خط ۱٬۹۷۷: / خط ۲٬۰۳۱: @@
   .positive-donation-page .pd-header-btn{font-size:.88rem;}
   .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:450px;}
-  .pd-hero-slider .pd-hero-content{padding:55px 70px;}
+  .pd-hero-slider .pd-hero-content{padding:0 70px 35px;}
   .positive-donation-page .pd-hero h1{font-size:2.6rem;}
   .positive-donation-page .pd-hero p{font-size:1.08rem;}
@@ خط ۱٬۹۸۸: / خط ۲٬۰۴۲: @@
   .positive-donation-page .pd-title h2{font-size:2.15rem;}
   .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:520px;}
-  .pd-hero-slider .pd-hero-content{padding:70px 85px;}
+  .pd-hero-slider .pd-hero-content{padding:0 85px 45px;}
   .positive-donation-page .pd-hero h1{font-size:3.05rem;}
   .positive-donation-page .pd-hero p{font-size:1.12rem;}
@@ خط ۱٬۹۹۷: / خط ۲٬۰۵۱: @@
 @media (max-width:480px){
   .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:430px;}
-  .pd-hero-slider .pd-hero-content{padding:28px 52px 38px 52px;}
+  .pd-hero-slider .pd-hero-content{padding:0 52px 28px;}
   .positive-donation-page .pd-hero h1{font-size:2rem;}
   .positive-donation-page .pd-hero p{font-size:.98rem;line-height:2.05;}
@@ خط ۲٬۰۱۰: / خط ۲٬۰۶۴: @@
   .positive-donation-page{font-size:17px;}
   .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:300px;}
-  .pd-hero-slider .pd-hero-content{padding:24px 46px 34px;}
+  .pd-hero-slider .pd-hero-content{padding:0 46px 22px;}
   .positive-donation-page .pd-hero h1{font-size:1.78rem;}
   .positive-donation-page .pd-hero p{font-size:.9rem;}