Overriding Styles

Nodeflow contains a bunch of pre-defined CSS classes defined in a nodeflow layer. Currently, these are:

• .nodeflowConnectorSection
• .nodeflowNode

To override them, create a CSS file with the layer definitions as such

@layer nodeflow, your-style;

where your-style is the name of your layer that overrides nodeflow's. This can be whatever you want.

Below that, you can re-define the existing classes inside your layer as such:

@layer your-style {
  .nodeflowConnectorSection {
    width: unset;
    top: unset;
    left: unset;
  }
}