vuematerial/vue-material

View on GitHub
src/components/MdElevation/mixins.scss

Summary

Maintainability
Test Coverage
@import "./variables";

@mixin md-elevation($z-value) {
  @if type-of($z-value) != number or not unitless($z-value) {
    @error "$z-value must be a unitless number";
  }

  @if $z-value < 0 or $z-value > 24 {
    @error "$z-value must be between 0 and 24";
  }

  box-shadow:
    #{map-get($md-elevation-umbra, $z-value)} $md-elevation-umbra-color,
    #{map-get($md-elevation-penumbra, $z-value)} $md-elevation-penumbra-color,
    #{map-get($md-elevation-ambient, $z-value)} $md-elevation-ambient-color;
}