tgdev / animate-sass

A Sassy version of Dan Eden's Animate.css
482 stars 67 forks source link

Problems "reusing and rewriting" some animate.scss classes #36

Open andreecordova opened 6 years ago

andreecordova commented 6 years ago

Hello everyone,

I working on a project that has a version of animate-sass in a physical form but I try to pass that inside my node_modules with yarn them execute one task for generating all my styles but I see a problem because my re-write classes don't recognize the include sentence. How can I fix that problem?

//This is my variable content inside my _variable.scss

$use-fadeInLeft: true !default;
$use-fadeInUp: true !default;
$use-fadeInDown: true !default;
$use-fadeOutRight: true !default;
$use-flash: true !default;

//This is a part of the content inside my mobile.scss

@import "../../global/_variables";
@import '../../../../node_modules/animate-sass/_animate';
@import "../../global/_animations";

And the error is this: animate-sas-error

My little code that shows that problem is this one:

.fadeInLeftEffect {
    @include fadeInLeft(
    $duration: 2s,
    $count: 1,
    $delay: .5s,
    $function: ease,
    $fill: both
    );
}

Anyone that could help me to fix this problem, please.