Previous investigation showed that what is causing the FOUC is using styled-components with docusaurus (here are two discussions about it linked).
To prevent this behaviour this PR consists of:
removing styled-components from all files in sections folder
moving all styles from those files to the custom.css file
To make styles more modular, maintainable, and organised, the CSS BEM (Block, Element, Modifier) approach.
Those changes have successfully eliminated FOUC, however, for the purpose of consistency, I think in the future we should remove the usage of styled-components from the remaining files as well.
Previous investigation showed that what is causing the FOUC is using
styled-componentswithdocusaurus(here are two discussions about it linked).To prevent this behaviour this PR consists of:
styled-componentsfrom all files insectionsfoldercustom.cssfileTo make styles more modular, maintainable, and organised, the CSS
BEM (Block, Element, Modifier)approach.Those changes have successfully eliminated FOUC, however, for the purpose of consistency, I think in the future we should remove the usage of styled-components from the remaining files as well.