Box Shadow

HTML apply a shadow by adding .shadow-{shadow} class

SCSS apply a shadow with the shadow('{shadow}') function

  • Primary

  • Secondary

  • Input

HTML
    <div class="shadow-primary"></div>
<div class="shadow-secondary"></div>
<div class="shadow-input"></div>
  
SCSS
    .example-class {
  box-shadow: shadow('{shadow}');
}