remove scoped styles

[icebob]

• Extract styles to a vue-form-generator.css file. enhancement: extract styles to a vue-form-generator.css file. #27
• remove scoped from styles
• create fiddle with an alternate style
• Update examples, fiddle
• Update docs

[icebob]

@lionel-bijaoui so we need to remove scoped from styles and use the extractTextPlugin in webpack to extract styles.

[lionel-bijaoui]

I can base myself on the webpack vue-cli template.

[icebob]

This code is from my other project where I'm using ExtractTextPlugin for sccs extraction:
https://gist.github.com/icebob/b7ebfe9ca4494b380fb3fe2442e97f7f

[lionel-bijaoui]

• Extract styles to a vue-form-generator.css file.

I don't know how this css should be linked. If I use npm to install vue-form-generator, should I get the css or should I download it elsewhere ?

[icebob]

in Vue you can import as a npm js module from node_modules... (I think :) )

import style from "vue-form-generator/dist/vue-form-generator.css"

[lionel-bijaoui]

Ok, I don't have anything else to do on the files then. I found a way to
keep my fork in sync with the project (RTFM, right ? 😄 ). Once I'm
finished configuring, I will do a PR.

Le 8 août 2016 16:11, "Icebob" [email protected] a écrit :

in Vue you need to import as a npm js module from node_modules... (I think
:) )

import style from "vue-form-generator/dist/vue-form-generator.css"

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#20 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ADT81CaEqFgSLR-Wv4OQVhg4yAZW8EHqks5qdzkMgaJpZM4JaYBx
.

[icebob]

Maybe: https://help.github.com/articles/syncing-a-fork/ :)

[lionel-bijaoui]

I would like to do the alternative style if possible.

[icebob]

Ok, it would be good!

[icebob]

@lionel-bijaoui would you like to create a custom css styles to demonstrate this new feature on fiddle or codepen or webpackbin? Not problem if not.

[lionel-bijaoui]

Yeah, I was waiting for the official fiddle to start hacking :)

[icebob]

Great! You can use it as a base. It is updated and removed bootstrap dependency: https://jsfiddle.net/icebob/0mg1v81e/

[lionel-bijaoui]

Done : https://jsfiddle.net/0mg1v81e/31/
I used this example (Form Style 4) to get started. I hope you like the result.

[icebob]

Great! Good job!