Building with webpack somehow makes loading animation void
rayax86 opened this issue · 1 comments
rayax86 commented
Checking the compiled css though, the animation is definitely defined and the property settings seem to be good. However, the loading animation will just stop there, as if the animation was not defined / incorrectly configured.
I didn't change/overwritten anything.
By loading animation I mean the rotating circular indicator you get when adding .loading
to <form>
.
seonghyeonkimm commented
same here. having trouble with animation when importing specific elements, modules from semantic-ui-less.
/* globals */
& { @import "~semantic-ui-less/definitions/globals/reset"; }
& { @import "~semantic-ui-less/definitions/globals/site"; }
/* elements */
& { @import "~semantic-ui-less/definitions/elements/button"; }
& { @import "~semantic-ui-less/definitions/elements/input"; }
/* modules */
& { @import "~semantic-ui-less/definitions/modules/dropdown"; }
& { @import "~semantic-ui-less/definitions/modules/modal"; }
& { @import "~semantic-ui-less/definitions/modules/dimmer"; }
& { @import "~semantic-ui-less/definitions/modules/transition"; }
/* globals */
import 'semantic-ui-less/definitions/globals/site';
/* modules */
// transition should come together
import 'semantic-ui-less/definitions/modules/dropdown';
import 'semantic-ui-less/definitions/modules/transition';
// dimmer should come together
import 'semantic-ui-less/definitions/modules/modal';
import 'semantic-ui-less/definitions/modules/dimmer';
I am importing these less and js from semantic-ui-less.
anybody can help me to solve this problem..?