Mack Trucks

Franklin site redesign for sv.macktrucks.com

Environments

• Preview: https://main--vg-macktrucks-sv--hlxsites.hlx.page/
• Live: https://main--vg-macktrucks-sv--hlxsites.hlx.live/

Installation

npm i

Linting

npm run lint

Local development

1. Create a new repository based on the helix-project-boilerplate template and add a mountpoint in the fstab.yaml
2. Add the helix-bot to the repository
3. Install the Helix CLI: npm install -g @adobe/helix-cli
4. Start Franklin Proxy: hlx up (opens your browser at http://localhost:3000)
5. Open the {repo} directory in your favorite IDE and start coding :)

Best practices using fonts

• We are using fallback fonts that avoid CLS.
• The fallback fonts are specific to the font family and style (bold, italic etc)
• For this reason, please don't use the font-style properties in css. Instead, use the font family variables defined in styles/styles.css
• Eg. for subheadings instead of using font-weight: 500, use font-family: var(--ff-subheadings-medium);