Utilities Helpers

Add or remove shadows to elements with ds-box-shadow utilities.

We can also quickly add or remove a shadow with our ds-box-shadow utility classes. Includes support for .ds-box-shadow-none and four default sizes.

No shadow
Small shadow
Medium shadow
Larger shadow
Extra Larger shadow
                        
                        <div class="ds-box-shadow-0"></div>
                        
                    
                        
                        <div class="ds-box-shadow-sm"></div>
                        
                    
                        
                        <div class="ds-box-shadow-md"></div>
                        
                    
                        
                        <div class="ds-box-shadow-lg"></div>
                        
                    
                        
                        <div class="ds-box-shadow-xl"></div>