Description
Please, refactor the LESS code so, that the styling of individual widgets will not be stored together with styles of other components.
So, if a widget is used as a part of more than 1 "parent" component, please consider moving its styles into separate file. Please organize code in the way, that would assure, that a .less file describing component will provide only styling for the component itself + layout (positioning) for sub-components. (For example, a focus overlay's .less should contain only description of its own appearance + provide positions for subcomponents (breadcrumb, toolbar, target overlays, e.t.c.). Toolbar .less, in its turn, should provide only those styles, that describe its own appearance + provide positions for subcomponents (Drop-downs, buttons).
In the case a component has slightly difference appearance in different context (like dark or light versions of drop-downs), please choose one styling as the "primary" and write all differentiating "variants" beneath using parents selectors to target different situations. Please, keep the code compact and don't repeat yourself