GreenLight is plugin that has class first system. It means that if you add styles to any block, it will be saved in unique class of block. This class is called – Root Class. You can change it’s name if you click on it. Then, you can reuse the same class name on other blocks if you want them to share common styles. You can remove this class if you want to remove styles from block
Root class doesn’t have subselectors, but you can add them on root class if you use custom code and {CURRENT} placeholder
You can also create local shareble class on block with subselectors. For this, type it’s name in input or type name in Block Classes selector and then choose to add class as Local
Local classes can have subselectors
There are several components in plugin that have auto created Local classes with subselectors.
To change design in such blocks, select local class and select subselector to get access to design
You can also change common colors and font sizes in Descendent Style panel of parent block
If you want to overwrite styles in specific element and add higher priority for local styles, click and activate next icon in Local style panel
You can copy styles from root to local, from one subselector to another and auto create classes and selectors, find all helper options in brush icon in toolbar of block and class
Style manager
If you prefer to keep all styles in one place instead of sharing them over blocks, use Block that is called Style Manager. It allows to save and manage all local classes on page, then you can select them in each separate blocks