icon-toggle.scss

@import "./mixins";

.mdc-icon-button {
  @include mdc-icon-button-base_;
}

// Mixins
@import "@material/ripple/mixins";

@mixin mdc-icon-button-base_() {
  @include mdc-ripple-surface;
  @include mdc-ripple-radius-unbounded;

  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: $mdc-icon-button-size + $mdc-icon-button-padding * 2;
  height: $mdc-icon-button-size + $mdc-icon-button-padding * 2;
  padding: $mdc-icon-button-padding;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

@mixin mdc-icon-button-ink-color($color) {
  @include mdc-theme-prop(color, $color);
}

@mixin mdc-icon-button-ripple-color($color) {
  @include mdc-states-base-color($color);
}