Standardise stylesheets

[atulanand206]

State

• Stylesheets have a redundant code in a lot of places which have rendered tweaking the system inconvenient.
• Margins and paddings are hard-coded across the board which leads to a similar problem.

Tasks

• Define a file sizes.scss. Single source of truth for all the dimensions.
  • Define variable series for font-size, margin, padding.
  • Define variables for container dimensions.
  • Proportional dimensions for all the containers.
• Decide on a design system and assign create color variables for consistency.
  • System can be header_background, wrapper_background, etc.
• Create mixins for all the wrapper divs in the system.
  • Consistent margins and padding goes a long way.
  • Adding any wrapper should only require one statement throughout the source code.
• Create mixins for the text appearance of visible texts.