Thanks for reading my article and the positive feedback Pascal 😄
Unfortunately @apply didn't work for me. I'm using stylus with VuePress. Something about the syntax that's not working 😖 But I have used their theme() function and it works perfectly 👍
h1 {
font-weight: theme('fontWeight.semibold')
}
I'm terrible at naming things, it's one of the reasons I love about Tailwind -- No more class or id names. Instead, I just apply the style directly...and with that comes the benefits of speed and moving very quickly without thinking of class names 😆
Can't wait until you give Tailwind a try! I'm a huge fan 👏
My name is Pascal Lamers, I am 30 years old and I am from Austria - and still live in Austria. Approx. 4 years ago I started to activley learn code and it was one of the best decisions of my life !
@samanthaming
, does the @apply statement work if you try specifying the language with the "lang" attribute? I've never tried multiple style blocks in a vue component, so I'm interested to know if this works:
<style lang="css" scoped>
/* Your tailwind css here */
/* Does @apply work here? */
</style>
<style lang="stylus" scoped>
/* Your stylus here (that you already have) */
</style>
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Thanks for reading my article and the positive feedback Pascal 😄
Unfortunately
@applydidn't work for me. I'm using stylus with VuePress. Something about the syntax that's not working 😖 But I have used theirtheme()function and it works perfectly 👍I'm terrible at naming things, it's one of the reasons I love about Tailwind -- No more class or id names. Instead, I just apply the style directly...and with that comes the benefits of speed and moving very quickly without thinking of class names 😆
Can't wait until you give Tailwind a try! I'm a huge fan 👏
I am wondering if the theme () option is helpful when trying to create a darkmode/lightmode feature for a webapp 🤔🤔
@samanthaming , does the
@applystatement work if you try specifying the language with the "lang" attribute? I've never tried multiple style blocks in a vue component, so I'm interested to know if this works: