in English
Kalangkang
Nambahkeun atawa cabut kalangkang ka elemen kalawan utilitas kotak-kalangkang.
Dina kaca ieu
Contona
Nalika bayangan dina komponén ditumpurkeun sacara standar dina Bootstrap sareng tiasa diaktipkeun via $enable-shadows
, anjeun ogé tiasa gancang nambihan atanapi ngahapus kalangkang sareng box-shadow
kelas utiliti kami. Ngawengku pangrojong pikeun .shadow-none
sareng tilu ukuran standar (anu ngagaduhan variabel anu cocog).
Taya kalangkang
Kalangkang leutik
Kalangkang biasa
Kalangkang gedé
<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>
Sass
Variabel
$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);
Utiliti API
Utiliti bayangan dinyatakeun dina API utilitas kami di scss/_utilities.scss
. Diajar kumaha ngagunakeun Utiliti API.
"shadow": (
property: box-shadow,
class: shadow,
values: (
null: $box-shadow,
sm: $box-shadow-sm,
lg: $box-shadow-lg,
none: none,
)
),