Ana içeriğe geç

Seçenekler

CoreUI'yi Bootstrap için, yerleşik özel değişkenler dosyamızla özelleştirin ve yeni $enable-* Sass değişkenleri ile global CSS tercihlerini kolayca geçiştirme imkanına sahip olun. Bir değişkenin değerini geçersiz kılın ve gerektiğinde npm run test ile yeniden derleyin.

bilgi

Bu değişkenleri, CoreUI için Bootstrap'ın scss/_variables.scss dosyasında ana global seçenekler için bulabilir ve özelleştirebilirsiniz.

DeğişkenDeğerlerAçıklama
$spacer1rem (varsayılan), ya da 0'dan büyük herhangi bir değerVarsayılan boşluk değerini belirtir ve programatik olarak spacer utilities oluşturur.
$enable-dark-modetrue (varsayılan) veya falseProje ve bileşenler genelinde yerleşik karanlık mod desteğini etkinleştirir.
$enable-roundedtrue (varsayılan) veya falseÇeşitli bileşenlerde önceden tanımlanmış border-radius stillerini etkinleştirir.
$enable-shadowstrue veya false (varsayılan)Çeşitli bileşenlerde önceden tanımlanmış dekoratif box-shadow stillerini etkinleştirir. Odak durumları için kullanılan box-shadow'ları etkilemez.
$enable-gradientstrue veya false (varsayılan)Çeşitli bileşenlerde background-image stilleri aracılığıyla önceden tanımlanmış gradyanları etkinleştirir.
$enable-transitionstrue (varsayılan) veya falseÇeşitli bileşenlerde önceden tanımlanmış transition'ları etkinleştirir.
$enable-reduced-motiontrue (varsayılan) veya falseKullanıcıların tarayıcı/işletim sistemi tercihlerine dayalı olarak belirli animasyonları/geçişleri bastıran prefers-reduced-motion medya sorgusu` etkinleştirir.
$enable-grid-classestrue (varsayılan) veya falseIzgara sistemi için CSS sınıflarının (örn. .row, .col-md-1, vb.) oluşturulmasını etkinleştirir.
$enable-container-classestrue (varsayılan) veya falseYerleşim konteynerleri için CSS sınıflarının oluşturulmasını etkinleştirir. (v4.2.6'da yeni)
$enable-carettrue (varsayılan) veya false.dropdown-toggle üzerinde sahte öğe imleci etkinleştirir.
$enable-button-pointerstrue (varsayılan) veya falseDevre dışı bırakılmamış buton öğelerine "el" imleci ekler.
$enable-rfstrue (varsayılan) veya falseGlobal olarak RFS etkinleştirir.
$enable-validation-iconstrue (varsayılan) veya falseMetin girişleri ve bazı özel formlar içinde doğrulama durumları için background-image simgelerini etkinleştirir.
$enable-negative-marginstrue veya false (varsayılan)Negatif kenar boşluğu yardımcıları oluşturulmasını etkinleştirir.
$enable-deprecation-messagestrue (varsayılan) veya falsev6'da kaldırılması planlanan herhangi bir geçersiz kılınmış mixin ve işlevi kullanırken uyarıları gizlemek için false olarak ayarlayın.
$enable-important-utilitiestrue (varsayılan) veya falseYardımcı sınıflarda !important takısını etkinleştirir.
$enable-smooth-scrolltrue (varsayılan) veya falseKullanıcıların prefers-reduced-motion medya sorgusuaracılığıyla azalmış hareket talep etmediği sürece global olarakscroll-behavior: smooth` uygular.
$enable-ltrfalse veya false (varsayılan)Soldan Sağa etkinleştirir
$enable-rtltrue (varsayılan) veya falseSağdan Sola etkinleştirir