Change color on hover

smiling_girl

Hi,
I am new to front-end development and i am trying to learn vue and use quasar.

I am tryin to change text color on hover. I could be doing it all completely!

        class="text-tertiary transparent no-shadow mytry"
        label="Layers"
        icon="layers"
      >
<!-- after script!>
<style scope lang="stylus">
  @import '~variables'
  .root:hover
    text-tertiary $red-4
</style>