- Base site font resized to 10px.
- Please use REM units for all
- Text will automatically scale on devices now starting from 320px - 1280px
- If need to resize fonts, use responsive calculator to input clamp() functions
- Owls spacing classes included and ready for use
- Section padding set to top/bottom: min 25px and max 75px, left/right: min 15px and max 25px
- Default column padding is set to 0
- REM is now easy to calculate via x 10...
- E.G. 2rem = 20px, 3rem = 30px, 4rem = 40px etc...
Defaults set as below (range of smallest to largest)
- Heading 1: 32px - 48px
- Heading 2: 28px - 38px
- Heading 3: 24px - 32px
- Heading 4: 20px - 22.5px
- Heading 5: 18px - 20px
- Heading 6: 18px - 20px
- Body Font: 14px - 18px
Owls Spacing Classes in place for even spacing between all child elements
- owls-spacing--xs (.5rem)
- owls-spacing--s (1rem)
- owls-spacing--m (1.5rem)
- owls-spacing--l (2.5rem)
- owls-spacing--xl (5rem)