Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add src/scss/utils/_all.scss #365

Merged
merged 1 commit into from Nov 3, 2017
Merged

add src/scss/utils/_all.scss #365

merged 1 commit into from Nov 3, 2017

Conversation

gwvt
Copy link
Contributor

@gwvt gwvt commented Oct 12, 2017

Add src/scss/utils/_all.scss to make modular css importing easier. Change import of utils in src/scss/buefy.scss to reflect the addition.

Also, add to documentation at https://buefy.github.io/#/documentation/customization, maybe as alternate code for example under "It can be done in your App.vue within the <style lang="scss"> tag"?:

// import Bulma + Buefy base and utilities
@import "~bulma/sass/base/_all";
@import "~bulma/sass/utilities/_all";
@import "~buefy/src/scss/utils/_all";

// set colors
$primary: #8c67ef;
$primary-invert: findColorInvert($primary);

// import only the Bulma styling you want
@import "~bulma/sass/grid/columns";
@import "~bulma/sass/elements/title";

// import only the Buefy components you want
@import "~buefy/src/scss/components/_checkbox";
@import "~buefy/src/scss/components/_radio";

If you're only using a few Buefy components, this can save 100K+ in your production build.

@rafaberaldo
Copy link
Member

Thanks for this

@rafaberaldo rafaberaldo closed this Nov 3, 2017
@rafaberaldo rafaberaldo reopened this Nov 3, 2017
@rafaberaldo rafaberaldo merged commit 953d0fa into buefy:dev Nov 3, 2017
wanxe pushed a commit to wanxe/buefy that referenced this pull request Nov 12, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants