_shadow.scss 647 B

12345678910111213141516171819
  1. /* Original is in LESS and can be found here: https://gist.github.com/gefangenimnetz/3ef3e18364edf105c5af */
  2. @mixin shadow($level:1){
  3. @if $level == 1 {
  4. box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  5. }
  6. @else if $level == 2 {
  7. box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  8. }
  9. @else if $level == 3 {
  10. box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  11. }
  12. @else if $level == 4 {
  13. box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  14. }
  15. @else if $level == 5 {
  16. box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  17. }
  18. }