diff --git a/css/style.css b/css/style.css index b014994..c5cc8c0 100644 --- a/css/style.css +++ b/css/style.css @@ -7590,26 +7590,35 @@ html, body { } } -/* Izboljšan popravek za prevelike razmike med besedami na mobilnikih */ +/* Izboljšan popravek za prevelike razmike med besedami na mobilnikih - V3 AGRESIVNO */ @media (max-width: 768px) { + /* Dodali smo .purpose-goal in li ter splošne razrede */ p, + li, + .purpose-goal, .about-hero-text p, .about-accordion-content p, .step-card p, .mediation-detail-text p, .article-body-text p { + /* 1. Obojestranska poravnava */ text-align: justify !important; - text-justify: inter-word; - /* 1. Samodejno deljenje z vezaji (če brskalnik pozna slovenščino) */ - -webkit-hyphens: auto; - -ms-hyphens: auto; - hyphens: auto; - /* 2. Prisiljen prelom dolgih besed (če vezaji ne delujejo) */ + /* 2. Distribute za bolj enakomerno razporeditev */ + text-justify: distribute; + /* 3. Maksimalno agresivno deljenje besed */ + -webkit-hyphens: auto !important; + -moz-hyphens: auto !important; + -ms-hyphens: auto !important; + hyphens: auto !important; + -webkit-hyphenate-limit-chars: 4 2 2; + hyphenate-limit-chars: 4 2 2; + /* 4. Stisni črke in besede */ + letter-spacing: -0.5px !important; + word-spacing: -1px !important; + /* 5. Prelomi besede kjerkoli, če je potrebno */ overflow-wrap: break-word; - word-wrap: break-word; - /* 3. Rahlo stiskanje črk (to vizualno močno pomaga zapolniti vrstico) */ - letter-spacing: -0.02em; - /* 4. Preprečevanje raztegovanja zadnje vrstice v odstavku */ - text-align-last: left; + word-break: break-word; + /* 6. Zadnja vrstica naj bo vedno levo */ + text-align-last: left !important; } }