/bevespi

Primary LanguageCSSApache License 2.0Apache-2.0

Astra Zeneca Bevespi

AEM Sites with Edge Delivery site implementing https://www.bevespi.com/

Environments

Installation

npm i

Linting

npm run lint

Local development

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

Notes about development

CSS/Styling

  1. The root font size (in html) is set to 10px (62.5% of 16px). According to the above, 1rem = 10px (1.6rem = 16px): this makes sizes in rem - which are great for accommodating responsiveness and accessibility - human readable
  2. According to our analysis and mainstream recommendations, we decided to use rem only for font-size and correlated metrics (like line-height), while px for the remainder - like border width, element sizing/padding/margins - and in general where the requirement of having fixed dimensions and/or references is predominant