<commit_before>// TODO(jelbourn): Measure perf benefits for translate3d and will-change.
// TODO(jelbourn): Figure out if anchor hover underline actually happens in any browser.
@import 'button-base';
@import '../core/style/layout-common';
@import '../../cdk/a11y/a11y';

.mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button {
  @include mat-button-base;
}

.mat-button, .mat-icon-button {
  .mat-button-focus-overlay {
    transition: none;
    opacity: 0;
  }
}

// Only flat and stroked buttons (not raised, FABs or icon buttons) have a hover style.
// Use the same visual treatment for hover as for focus.
.mat-button:hover .mat-button-focus-overlay,
.mat-stroked-button:hover .mat-button-focus-overlay {
  opacity: 1;
}

.mat-raised-button {
  @include mat-raised-button;
}

.mat-stroked-button {
  @include mat-overridable-elevation(0);
<commit_msg>fix(button): don't show hover overlay on devices that don't support hovering (#12030)<commit_after>// TODO(jelbourn): Measure perf benefits for translate3d and will-change.
// TODO(jelbourn): Figure out if anchor hover underline actually happens in any browser.
@import 'button-base';
@import '../core/style/layout-common';
@import '../../cdk/a11y/a11y';

.mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button {
  @include mat-button-base;
}

.mat-button, .mat-icon-button {
  .mat-button-focus-overlay {
    transition: none;
    opacity: 0;
  }
}

// Only flat and stroked buttons (not raised, FABs or icon buttons) have a hover style.
// Use the same visual treatment for hover as for focus.
.mat-button:hover .mat-button-focus-overlay,
.mat-stroked-button:hover .mat-button-focus-overlay {
  opacity: 1;
}

// Disable the hover styles on non-hover devices. Since this is more of a progressive
// enhancement and not all desktop browsers support this kind of media query, we can't
// use something like `@media (hover)`.
@media (hover: none) {
  .mat-button:hover .mat-button-focus-overlay,
  .mat-stroked-button:hover .mat-button-focus-overlay {
    opacity: 0;
  }
}

.mat-raised-button {
  @include mat-raised-button;
}

.mat-stroked-button {
  @include mat-overridable-elevation(0);

{'fraction_non_alphanumeric': 0.14154411764705882, 'fraction_numerical': 0.01011029411764706, 'mean_word_length': 3.61228813559322, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3920235', 'n_tokens_mistral': 750, 'n_tokens_neox': 716, 'n_words': 207}