Nuxt•5mo ago

nuxt layers, using tailwind "addCompomnent"

Hey everyone, so im working in a nuxt monorepo with layers following the same structure as alexander licher in this video: https://www.youtube.com/watch?v=fr5yo3aVkfA and this is so far working super great! however i managed to meet 1 problem, we´re using tailwind for styling and together with our design team we have made a design system that´s meant to be super easy for us to adjust. However we have a problem right now with our fonts. using the tailwind plugin "addComponents" we´re adding styling like this

        '.font-medium-article': {
          fontSize: '1.25rem',
          letterSpacing: 'normal',
          lineHeight: '24px',
          fontWeight: '700',
          textTransform: 'unset',
          fontFamily: theme('fontFamily.heading'),
          '@screen lg': {
            fontSize: '1.375rem',
          },
        },

        '.font-medium-article': {
          fontSize: '1.25rem',
          letterSpacing: 'normal',
          lineHeight: '24px',
          fontWeight: '700',
          textTransform: 'unset',
          fontFamily: theme('fontFamily.heading'),
          '@screen lg': {
            fontSize: '1.375rem',
          },
        },

and then we´re adjusting thise in each brand ( evert folder have their own tailwind.config file and assets/tailwind.css file. right now we have 3 folders (base, ill, wom) and each folder have their config file, and all basic color and stuff like that in the tailwind seems to work, however it seems like even our wom and ill is getting the styling from the base folder regarding that addComponent styling. can anyone answer me or guide me in the right direction here?

Alexander Lichter

YouTube

How to use Nuxt Layers to encapsulate your code

🔗 Nuxt Layers are a powerful option to share code across applications or even encapsulate code by feature or DDD-style in projects. But how do they work and how to set them up? Learn all of thati n this video! Key points: 🔧 How to set up layers 🧠 Understand use cases for them 👀 Building a simple layer architecture from scratch --- Links: 🔗 D...

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

nuxt layers, using tailwind "addCompomnent"