CSS in Vue

[BrownZeus]

Hey all,

 

Simple question, that I can't find the answer to in google searches (Too many halfway answers).

 

I simply want to have my CSS styling in a separate CSS file from my vue components. How do I go about linking the css into my style block

[BrownZeus]

Actually, let me ask a better question. How do I go about using Material design in my Vues? I found a lot of online resources, but they don't cover how to add it to an already built project. Long story short is, I have no idea what I'm doing, but my group captain already did all the generating with vue-cli, withpout material design (As in having it generated with the material stuff using one of the many npm tools), help please?

[Techicolors]

there is a framework for material design http://materializecss.com

 

mostly it's just linking it up with html tags as listed in the documentation

[BrownZeus]

6 minutes ago, Technicolors said:

there is a framework for material design http://materializecss.com

 

mostly it's just linking it up with html tags as listed in the documentation

How would I add that into my Javascript styling?

[Techicolors]

3 hours ago, BrownZeus said:

How would I add that into my Javascript styling?

as the documentation suggests

[BrownZeus]

12 hours ago, Technicolors said:

as the documentation suggests

I can't find a straight forward answer. At all, and I'm getting quite frustrated, not at you or anything, thank you for trying to help, I'm just generally frustrated I can't find such a simple answer

[Techicolors]

1 hour ago, BrownZeus said:

I can't find a straight forward answer. At all, and I'm getting quite frustrated, not at you or anything, thank you for trying to help, I'm just generally frustrated I can't find such a simple answer

well if you're going to use the frontend framework i just linked, all you need to do is hook it up in the main html and reference the docs so it can render the correct elements (you can use the CDN and see if you like it). e.g. if you wanted a material design card view, go to the docs and copy-paste the tags.