@import '@material/fab/mixins';
@import '@material/button/variables';
@import '@material/theme/variables';
@import '../mdc-helpers/mdc-helpers';
@import '_button-base';

@include mdc-fab-without-ripple($query: $mat-base-styles-query);

.mat-mdc-fab, .mat-mdc-mini-fab {
  @include _mat-button-interactive();
  @include _mat-button-disabled();
}

.mat-mdc-fab, .mat-mdc-mini-fab {
}

// MDC expects the fab icon to contain this HTML content:
// ```html
//   <span class="mdc-fab__icon material-icons">favorite</span>
// ```
// However, Angular Material expects a `mat-icon` instead. The following
// will extend the `mdc-fab__icon` styling to the mat icon. Note that
// the extended styles inherently only match icons that nest themselves in
// a parent `mdc-fab`.
.mat-icon {
  @extend .mdc-fab__icon;
}