// Core styles that can be used to apply material design treatments to any element.
@import 'a11y/a11y';
@import 'style/elevation';
@import 'overlay/overlay';
@import 'ripple/ripple';


// Mixin that renders all of the core styles that are not theme-dependent.
@mixin md-core() {
  // Provides external CSS classes for each elevation value. Each CSS class is formatted as
  // `md-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is
  // elevated.
  @for $zValue from 0 through 24 {
    .md-elevation-z#{$zValue} {
      @include md-elevation($zValue);
    }
  }

  @include md-ripple();
  @include md-a11y();
  @include md-overlay();
}

// Mixin that renders all of the core styles that depend on the theme.
@mixin md-core-theme($theme) {
  @include md-ripple-theme($theme);
}