Style Handbook

1. Color palette based on wordpress theme
    https://codepen.io/hugobaeta/pen/RNOzoV
    https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
2. Additional Shades
    https://codepen.io/hugobaeta/pen/grJjVp

3. Typography
    a. Open Sans
    b. Opens Sans weights and styles: Light 300, Light 300 Italic, Regular 400, Regular 400 Italic, Semi-Bold 600, Semi-Bold 600 Italic

4. Iconography
    a. Icons live in a 20×20 pixel grid
    b. Lines should be 2px wide
    c. Corner radius should measure 1pt/px
    d. They should be simple, universal and consistent

5. Figma link for wordpress admin guidelines
    https://www.figma.com/file/e4tLacmlPuZV47l7901FEs/WordPress-Design-Library?node-id=27453%3A47588
    We have designed our system on the basis of above design guidelines

6. Bootstrap 5
    Note: All the components of the bootstrap are not used. If you need any of them add to sass/style.scss and compile them.
    a. Modifications has been made in bootstrap design system while initilization, so make sure to go through sass/style.scss files
    b. Root variables are also chaged with the addition of dpl- prefix.
    c. JS files of the bootstrap are also imported on the basis of its need so make sure to go through the file js/index.js

7. JS, Jquery Library
    Make sure the used libraries are listed by wordpress.
    https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts