overleaf/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss

19 lines
372 B
SCSS
Raw Normal View History

// Cards
@mixin shadow-sm {
box-shadow: 0px 2px 8px rgba(30, 37, 48, 0.08);
}
// Tooltips, Callouts, Dropdowns, etc.
@mixin shadow-md {
box-shadow:
0px 4px 24px rgba(30, 37, 48, 0.12),
0px 1px 4px rgba(30, 37, 48, 0.08);
}
// Modals, drawers
@mixin shadow-lg {
box-shadow:
0px 8px 24px rgba(30, 37, 48, 0.16),
0px 4px 8px rgba(30, 37, 48, 0.16);
}