Teutonic CSS

Box shadow

←

Some material design look.

Predefined sizes are: xs, s, m and l. Within a container called .bs_{your-custom-string} you can define the CSS vars. MS Edge (17) currently fails with this, --space-m is not interpreted correcty.

Syntax: .bs_{size}

SCSS: _box-shadow.scss

bs_xs

bs_s

bs_m

bs_l

bs_custom

<div class="grid-auto text-mono">
  <div class="text-clip box bg-b bs_xs">bs_xs</div>
  <div class="text-clip box bg-c bs_s">bs_s</div>
  <div class="text-clip box bg-d bs_m">bs_m</div>
  <div class="text-clip box bg-e bs_l">bs_l</div>
  <div class="text-clip box bg-e bs_custom">bs_custom</div>
</div>