<commit_before><template>
  <div>
    <h2>Select any text to see the selection background</h2>
    <p>This text will follow the default color of the documentation, which is a nice red color.</p>

    <md-content md-theme="selection-black">
      <p>This one will get a slick black background when selected, because the parent theme have another color.</p>
    </md-content>

    <md-content md-theme="selection-orange">
      <p>Also works when the theme is dark.</p>
    </md-content>
  </div>
</template>

<script>
  export default {
    name: 'SelectionExample'
  }
</script>

<style lang="scss">
  @import "~vue-material/theme/engine";

  @include md-register-theme("selection-black", (
    accent: md-get-palette-color(black, 500)
  ));

  @include md-register-theme("selection-orange", (
    accent: md-get-palette-color(orange, 500),
    theme: dark
  ));

  @import "~vue-material/base/theme";
  @import "~vue-material/components/MdContent/theme";

  .md-content {
    padding: 1px 16px;
  }
</style><commit_msg>fix: remove global scoped css affecting all md-content elements<commit_after><template>
  <div>
    <h2>Select any text to see the selection background</h2>
    <p>This text will follow the default color of the documentation, which is a nice red color.</p>

    <md-content md-theme="selection-black">
      <p>This one will get a slick black background when selected, because the parent theme have another color.</p>
    </md-content>

    <md-content md-theme="selection-orange">
      <p>Also works when the theme is dark.</p>
    </md-content>
  </div>
</template>

<script>
  export default {
    name: 'SelectionExample'
  }
</script>

<style lang="scss">
  @import "~vue-material/theme/engine";

  @include md-register-theme("selection-black", (
    accent: md-get-palette-color(black, 500)
  ));

  @include md-register-theme("selection-orange", (
    accent: md-get-palette-color(orange, 500),
    theme: dark
  ));

  @import "~vue-material/base/theme";
  @import "~vue-material/components/MdContent/theme";
</style>

<style lang="scss" scoped>
  .md-content {
    padding: 1px 16px;
  }
</style>
{'fraction_non_alphanumeric': 0.14675446848541862, 'fraction_numerical': 0.010348071495766699, 'mean_word_length': 3.459119496855346, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, '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': '2893516', 'n_tokens_mistral': 723, 'n_tokens_neox': 681, 'n_words': 189}