Since we are moving to new design and will be rewriting most of the css, It is good time to structure css which is more aligned to oocss
These are some of the things which we can improve/do
Define color palette as variables.
We should define all the colors and its shades we use for this application as variables and refer these variables in styles. We should avoid writing color codes directly in styles as much as possible.
Develop a module for typography.
We should put all the styles related typography in components/typography folder. We should avoid defining font-family and font-size etc in other classes as much as possible.
Identify patterns we use for styles and give generic class names to them. (#128)
@tylerbenson, @manukyansirarpiptfly, @nelonoel
Please review this and add more it.
Since we are moving to new design and will be rewriting most of the css, It is good time to structure css which is more aligned to oocss
These are some of the things which we can improve/do
Define color palette as variables.
We should define all the colors and its shades we use for this application as variables and refer these variables in styles. We should avoid writing color codes directly in styles as much as possible.
Develop a module for typography.
We should put all the styles related typography in components/typography folder. We should avoid defining font-family and font-size etc in other classes as much as possible.
Identify patterns we use for styles and give generic class names to them. (#128)
@tylerbenson, @manukyansirarpiptfly, @nelonoel
Please review this and add more it.