Issues when using multiple components on same page because CSS is not scoped

[ewagstaff]

Great module! Having issues using it to draw multiple paths at once because the CSS isn't scoped to current line's class, so it will get modified by the next line. Here's the CSS output:

.mt-true path:nth-of-type( 1 ) {
        opacity:                 0.01;
        stroke-dasharray:        352.7;
        stroke-dashoffset:       352.7;
        -webkit-animation:       mt-true-1 5s ease forwards;
        animation:               mt-true-1 5s ease forwards;
        -webkit-animation-delay: 0s;
        animation-delay:         0s;
}

If the CSS rule were attached to the class specified in "className", there wouldn't be a problem.

[ewagstaff]

I realize after looking into the source that .mt-true is composed using the animate prop's string. This isn't clear in the docs but works fine, so maybe just a clarifying note would work.