To save on the overall CSS bundle size and the later generated markup we want to cut down on CSS selectors. This is related to #146.
Background
In order to have an easier handling of styles, and also styles that match the markup generated by Grow/Markdown we need to refactor our current CSS structure. Currently it is fairly similar to the structure of classic CSS frameworks and uses modifier classes to give specific properties to elements.
As this is not easy implementable with the Markdown process we want to narrow down our selectors to specifically select native HTML elements like p, a and others and on the same time restructure our CSS files to be buildable isolated.
To achieve this we refactor the components that are currently atoms to be includes that can then be consumed by each of the molecules and organisms.
Objective
To save on the overall CSS bundle size and the later generated markup we want to cut down on CSS selectors. This is related to #146.
Background
In order to have an easier handling of styles, and also styles that match the markup generated by Grow/Markdown we need to refactor our current CSS structure. Currently it is fairly similar to the structure of classic CSS frameworks and uses modifier classes to give specific properties to elements.
As this is not easy implementable with the Markdown process we want to narrow down our selectors to specifically select native HTML elements like
p,aand others and on the same time restructure our CSS files to be buildable isolated.To achieve this we refactor the components that are currently atoms to be includes that can then be consumed by each of the molecules and organisms.