We want our styles to have common colors and breakpoints available everywhere, so when we want to change some of them we won't have to go through the entire project.
To achieve that, create a _variables.scss file in the src/Styles folder (create it if needed), and put the variables there.
[!NOTE]
Having the scss file start with _ means that this file is to be imported by other scss files, and not used separately
We want to have variables for each of the colors we will use in the design (your call!), as well as variables for the design breakpoints.
Common breakpoints:
xl: 1200px
lg: 992px
md: 768px
sm: 520px
[!NOTE]
You can check out how to declare SCSS variables here
We want our styles to have common colors and breakpoints available everywhere, so when we want to change some of them we won't have to go through the entire project.
To achieve that, create a
_variables.scss
file in thesrc/Styles
folder (create it if needed), and put the variables there.We want to have variables for each of the colors we will use in the design (your call!), as well as variables for the design breakpoints.
Common breakpoints: