فراغیب

الگو:کانتینر 4تصویر/بخشنده: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
خط ۵۳: خط ۵۲:
       background: var(--surface);
       background: var(--surface);
       color: var(--ink);
       color: var(--ink);
       font-family:  Iransans;
       font-family:  Iransans; /* Assuming 'Iransans' is a locally available font or correctly linked */
       line-height: 1.8;
       line-height: 1.8;
     }
     }
خط ۱۰۰: خط ۹۹:
       font-weight: 800;
       font-weight: 800;
       line-height: 1.45;
       line-height: 1.45;
    }.section-heading h2 {
      /* Ensure text does not break vertically */
    margin: 0;
      white-space: normal;
    color: var(--ink);
      word-break: keep-all; /* Prefer to keep words together */
    font-size: clamp(1.35rem, 4vw, 2rem);
      overflow-wrap: normal; /* Allow standard breaking */
    font-weight: 800;
      hyphens: none; /* No hyphenation */
    line-height: 1.45;
      writing-mode: horizontal-tb; /* Explicitly set horizontal writing mode */
 
      text-orientation: mixed; /* Default orientation */
    /* رفع شکستن حروف در موبایل */
    }
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: normal;
    hyphens: none;
}


     .section-heading p {
     .section-heading p {
خط ۳۹۲: خط ۳۸۶:
     }
     }


@media (max-width: 480px) {
    /* Mobile specific adjustments for text orientation and wrapping */
    @media (max-width: 480px) {
        .section-heading h2 {
            font-size: 1.45rem; /* Slightly larger on very small screens */
            line-height: 1.8;
            white-space: normal;
            word-break: break-word; /* Allow words to break if necessary */
            overflow-wrap: break-word; /* Ensure wrapping */
            writing-mode: horizontal-tb; /* Force horizontal */
            text-orientation: mixed; /* Keep mixed for potential vertical context if any */
            text-wrap: balance; /* Balance text across lines */
        }
    }
 
    /* General override for headings to ensure no vertical text */
    .section-heading,
    .section-heading h2 {
        width: 100%;
        min-width: 0;
        writing-mode: horizontal-tb !important;
        text-orientation: mixed !important;
    }
 
    /* Ensuring h2 specifically behaves horizontally */
     .section-heading h2 {
     .section-heading h2 {
         font-size: 1.45rem;
         display: block; /* Ensure it's a block element */
        line-height: 1.8;
         white-space: normal;
         white-space: normal;
         word-break: keep-all;
         word-break: break-word; /* Allow breaking for long words */
         overflow-wrap: normal;
         overflow-wrap: break-word; /* Standard property for wrapping */
         text-wrap: balance;
        writing-mode: horizontal-tb; /* Horizontal writing mode */
        text-orientation: mixed; /* Can be mixed, but primarily horizontal */
         text-wrap: balance; /* Text wrap for balance */
     }
     }
}
.section-heading,
.section-heading h2 {
    width: 100%;
    min-width: 0;
}
/* رفع نمایش عمودی عنوان در موبایل */
.section-heading{
    width:100%;
    min-width:0;
}
.section-heading h2{
    display:block;
    width:100%;
    min-width:0;
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    writing-mode:horizontal-tb;
    text-orientation:mixed;
}


@media (max-width:768px){
    /* Adjustments for medium-sized screens if needed, ensure horizontal text */
 
    @media (max-width: 768px) {
    .section-heading h2{
        .section-heading h2 {
        font-size:1.45rem;
            font-size: 1.45rem;
        line-height:1.8;
            line-height: 1.8;
        word-break:normal;
            word-break: break-word; /* Break words if needed */
        overflow-wrap:break-word;
            overflow-wrap: break-word;
        writing-mode:horizontal-tb;
            writing-mode: horizontal-tb; /* Explicitly horizontal */
        text-orientation:mixed;
            text-orientation: mixed;
        }
     }
     }
}


   </style>
   </style>
خط ۵۳۲: خط ۵۲۴:
               <img
               <img
                 class="donation-card__image"
                 class="donation-card__image"
                 src="https://dl.faraghaib.ir/m/109/109m05.png"
                 src="https://dl.faraghaib.ir/m/109/109m08.jpg"
                 alt="اطلاعات لازم درباره اهدای جنین"
                 alt="اطلاعات لازم درباره اهدای جنین"
              padding = "50px 0 0 0"
                 width="auto" /* Changed from padding attribute */
                 width= auto  
                 height="auto" /* Changed from width attribute */
                 height= auto
                 loading="lazy"
                 loading="lazy"
               />
               />
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_4تصویر/بخشنده»