State namespace collisions?

[oleersoy]

From the naming conventions on SUIT CSS's Homepage

.MyComponent.is-animating {}
.YourComponent.is-animating {}

These selectors select (IIUC):

<div class="MyComponent is-animating">
<div class="YourComponent is-animating">

The classes would be written like this:

.MyComponent {
...
}
.YourComponent {
...
}

/** is-animating for MyComponent*/
.is-animating{
...
}

/** is-animating for YourComponent*/
.is-animating {
...
}

Am I missing something?

[simonsmith]

Not sure I see the problem

Why not just write them as per the docs?

.MyComponent.is-animating {}
.YourComponent.is-animating {}

Never style these classes directly; they should always be used as an adjoining class.

[oleersoy]

OK - hehe - Doh - Got it :). Thanks - I'll close this one.