Change text 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!

<q-btn-dropdown
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>

[nothingismagick]

@smiling_girl - Just to figure out what you want, you are looking to change the button text colour when the user hovers over the button?

Like this (not using stylus, just trying to figure out what you want)?
https://codepen.io/anon/pen/VdzRqe

[smiling_girl]

@nothingismagick - Thank you for the response :). I was actually trying to only change the color of the label and the downward arrow on hover. and Thank you for pointing that stylus needn’t be used ( that shows my inexperience and lack of knowledge)

[smiling_girl]

I would also like to know how to use stylus to get the color $red-4. I am trying to achieve uniformity in terms of color