in English
Сояҳо
Ба элементҳо бо утилитаҳои қуттиҳои соя сояҳоро илова ё нест кунед.
Дар ин саҳифа
Мисолхо
$enable-shadows
Дар ҳоле ки сояҳо дар ҷузъҳо ба таври нобаёнӣ дар Bootstrap ғайрифаъол карда мешаванд ва онҳоро тавассути box-shadow
. Дастгирӣ .shadow-none
ва се андозаи пешфарзро дар бар мегирад (ки барои мувофиқ кардани тағирёбандаҳои алоқаманд доранд).
Соя нест
Сояи хурд
Сояи муқаррарӣ
Сояи калонтар
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
<div class="shadow-sm p-3 mb-5 bg-body rounded">Small shadow</div>
<div class="shadow p-3 mb-5 bg-body rounded">Regular shadow</div>
<div class="shadow-lg p-3 mb-5 bg-body rounded">Larger shadow</div>
Сасс
Тағйирёбандаҳо
$box-shadow: 0 .5rem 1rem rgba($black, .15);
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075);
$box-shadow-lg: 0 1rem 3rem rgba($black, .175);
$box-shadow-inset: inset 0 1px 2px rgba($black, .075);
API Utilities
Утилитҳои соя дар API утилитаҳои мо дар scss/_utilities.scss
. Омӯзед, ки чӣ тавр истифода бурдани API-и коммуналӣ.
"shadow": (
property: box-shadow,
class: shadow,
values: (
null: $box-shadow,
sm: $box-shadow-sm,
lg: $box-shadow-lg,
none: none,
)
),