// Mixins
.transform(@args) {
  -webkit-transform : @args;
  -moz-transform    : @args;
  -ms-transform     : @args;
  -o-transform      : @args;
  transform         : @args;
}

.antialiased{
  -moz-osx-font-smoothing : grayscale;
  -webkit-font-smoothing  : antialiased;
  text-rendering          : geometricPrecision;
}

.mdi-icon {
  font-family: 'Material-Design-Icons';
  display: inline-block;
  text-rendering: geometricPrecision;
  .antialiased;
}



.keyframes(@name; @arguments) {
  @-moz-keyframes @name { @arguments(); }
  @-webkit-keyframes @name { @arguments(); }
  @keyframes @name { @arguments(); }
}



// Shadows
// --------------------------------------------------

.shadow-none {
  .box-shadow(none);
}
.shadow-0 {
  .box-shadow(0 1px 4px rgba(0, 0, 0, 0.1));
}
.shadow-1 {
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
}
.shadow-2 {
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
}
.shadow-3 {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.23), 0 10px 40px rgba(0, 0, 0, 0.19);
}
.shadow-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
}
.shadow-5 {
  box-shadow: 0 15px 24px rgba(0, 0, 0, 0.22), 0 19px 76px rgba(0, 0, 0, 0.3);
}