How to import all extensions in scss? about bulma-extensions HOT 13 CLOSED

I just added "bulma-extensions/" to each extension import in the src/sass/index/sass file. Then referenced @import "bulma-extensions/src/sass/index.sass"; and it finally started for me. Not for sure if this was the best practice or not, but it worked for me :)

from bulma-extensions.

This is success
@import '~bulma-extensions/bulma-carousel/dist/bulma-carousel.sass';

from bulma-extensions.

@import '~bulma-extensions/dist/bulma-extensions.min.css';

don't forget to import the javascript of some components otherwise they will not work fine :)

from bulma-extensions.

Thanks @rolu315 your method works just fine!

from bulma-extensions.

Hi,

don't you forget the ~ or the direct node_modules path ?

from bulma-extensions.

/* index.scss */
@import 'node_modules/bulma/bulma';
@import 'node_modules/bulma-extensions/extensions';
I've tried using ~ and node_modules but still errors in webpack File to import not found or unreadable: node_modules/bulma-extensions/extensions.
I'm using bulma-extensions: ^1.0.3. Or different version?

from bulma-extensions.

How did you install extensions ?
Are you including node_modules directory to your loader ?

from bulma-extensions.

Install with npm npm install --save bulma-extensions. I think my webpack its work. Because when import bulma/bulma in my scss its work. I just following this tutorial but I got error when import bulma-extensions. So how to use your package?

from bulma-extensions.

@weiliang903 Its just some extensions what you need to import. How to import all extensions? I think with
@import '~bulma-extensions/src/extension.sass', it will be work. I found extension.sass inside src of this repo.

from bulma-extensions.

Hi,

thanks @permadiwibisono but you rather should use the file within dist instead src.

I have to update package.json to point to this file (currently it's pointing to extension.sass which doesn't exists)

from bulma-extensions.

How would you implement the javascript of Carousel into AngularJS? Thanks!

from bulma-extensions.

Hi,

@mIcHyAmRaNe : thank you for the complement.

@cindykj : There is no implementation into AngularJS and it's not scheduled. Feel free to fork this repository and create an AngularJS version.

regards

from bulma-extensions.

@mIcHyAmRaNe
Is Carousel navigation working for this?
Or need to handle this manually.

Imported "node_modules/bulma-extensions/dist/js/bulma-extensions.min.js" to angular.json but Carousel navigation not working.

How to implement below after importing bulma-extensions.min.js:
Then just add the following code once your DOM's ready:

var carousels = bulmaCarousel.attach(); // carousels now contains an array of all Carousel instances

from bulma-extensions.