/* ========================================================================== ÇAKMAK PEN . 06 YARDIMCI En sonda yüklenir ki özgüllükte kazansın. Yalnız tek işi olan sınıflar. Yeni bileşen buraya YAZILMAZ, 04-bilesen.css'e yazılır. ========================================================================== */ /* Boşluk */ .ust-0 { margin-top: 0; } .alt-0 { margin-bottom: 0; } .alt-2 { margin-bottom: var(--b2); } .alt-3 { margin-bottom: var(--b3); } .alt-4 { margin-bottom: var(--b4); } .alt-5 { margin-bottom: var(--b5); } .alt-6 { margin-bottom: var(--b6); } .alt-7 { margin-bottom: var(--b7); } .alt-8 { margin-bottom: var(--b8); } /* Metin */ .sessiz { color: var(--metin-sessiz); } .silik { color: var(--metin-silik); } .kucuk { font-size: var(--fs-kucuk); } .mini-yazi { font-size: var(--fs-mini); } .kalin { font-weight: 600; } .dar { font-variation-settings: "wdth" var(--gen-dar); } .genis { font-variation-settings: "wdth" var(--gen-genis); } .olcu { max-width: var(--olcu); } .tam-genislik { max-width: none; } .sayi-hizali { font-variant-numeric: tabular-nums; } /* Yerleşim */ .akis { display: flex; flex-wrap: wrap; gap: var(--b3); align-items: center; } .akis--dikey { flex-direction: column; align-items: flex-start; } .akis--arali { justify-content: space-between; } .yigin--sik > * + * { margin-top: var(--b2); } /* Görünürlük */ .mobil-gizli { display: none; } @media (min-width: 48rem) { .mobil-gizli { display: initial; } .masaustu-gizli { display: none; } } /* Yatay taşma: geniş içerik kendi kutusunda kayar, gövde asla yana kaymaz */ .kaydir-x { overflow-x: auto; -webkit-overflow-scrolling: touch; } /* Görsel oranı sabitleyici */ .oran-galeri { aspect-ratio: var(--oran-galeri); } .oran-hero { aspect-ratio: var(--oran-hero); } /* -------------------------------------------------------------------------- KULLANICI TERCİHİ SINIFLARI 09-erisim.js bunları üzerine ekler. Sistem ayarı olmayan kullanıcı da tercihi elle açabilsin diye var. -------------------------------------------------------------------------- */ .hareket-azalt *, .hareket-azalt *::before, .hareket-azalt *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; } .yuksek-kontrast { --metin-sessiz: var(--siyah); --metin-silik: var(--notr-800); --cizgi: var(--notr-500); --cizgi-guclu: var(--notr-700); --cizgi-form: var(--siyah); --odak-kalinlik: 4px; } .yuksek-kontrast .koyu, .yuksek-kontrast .antrasit { --metin-sessiz: var(--beyaz); --metin-silik: var(--yesil-20); --cizgi: rgba(255, 255, 255, 0.45); --cizgi-guclu: rgba(255, 255, 255, 0.7); --cizgi-form: var(--beyaz); }