A modules modifier classes define how its child classes adapt relative to their placement.
graph TD;
classDef default fill:#eaeaea,stroke:#666,stroke-width:2px;
classDef active fill:#fff,stroke:#666,stroke-width:2px;
MODULES(Modules);
MODULE1(Module 1);
MODULES---MODULE1;
MODULE1---MODULES-BASE(Base);
MODULE1---MODULES-MODIFIER(Modifier);
MODULE1---MODULES-STATE(State);
MODULE1---MODULES-THEME(Theme);
MODULE1---MODULES-LAYOUT(Layout);
class MODULES-MODIFIER active;
How do they work?
Modifiers are created using only class selectors and should only contain properties that affect the placement of the inner content of a module.
How do I use them?
Modifier classes are applied by appending .module-m-*
and/or .module-child-m-*
to one of a modules base classes.