Semantic-Org/Semantic-UI-LESS

Building with webpack somehow makes loading animation void

rayax86 opened this issue · 1 comments

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>.

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..?