Shadows<!-- --> | Broadacre
Broadacre
Globals
Colors
Shadows
Shapes
Spacing
Typography
Heading
Ordered List
Paragraph
Unordered List
UI Text Style
Content
Image Enlargeable Linear
Images Linear
Testimonial Linear
Video Linear
Elements
Buttons
Content Icons
Eyebrow
Full Dividers
Hyperlink
Images
Inputs
Pictograms
UI Icons
Components
Accordion
Agenda Table
Alert
Announcement
Banner
Merchandising Banner
Breadcrumb
Cards
Comparison Card
Comparison Table
CTAs
CTA Widget
Enlargeable Image
Form
Linear Content Block
Local Navigation
Modal
Modal Bio
Pagination
Resource Center Filters
Search
Sub Footer
Tabs
Testimonial
Video
Pages
Blog Article
Blog Home
Blog Topic
Resource Details
Resource Index
Search Results
Webinar Details
Webinar Index
Sections
Accordion
Agenda Table
Banner
Breadcrumb
Card Comparison
Card Grid
Carousel
Comparison Table
Hero Form
Logo Grid
Merchandising Banner
Pagination
Profile Grid
Resource Center Filters
Self-Guided Demo
Sponsor Grid
Stairstep
Stairstep Hero
Tabs
Testimonial
Text Only
Text Only Hero
Vertical Form
Shadows
Global utility classes for dropdown shadows
Shadows
.shadow-small
box-shadow: 0px 2px 4px 0px rgba(34, 54, 73, 0.20)
.shadow-medium
box-shadow: 0px 2px 8px 0px rgba(34, 54, 73, 0.30)
.shadow-large
box-shadow: 0px 10px 30px 0px rgba(34, 54, 73, 0.25)
.shadow-xl
box-shadow: 0px 20px 80px 0px rgba(34, 54, 73, 0.25)