oscarryz
commented
5 years ago Some items are missing but this can be closed now, will add more as we need them.
Closed oscarryz closed 5 years ago
oscarryz
commented
5 years ago Some items are missing but this can be closed now, will add more as we need them.
Fonts from https://fonts.google.com/ Edit: Use 1rem = 16 so, for all the px values calculate _N_px / 16 (e.g 32px -> 2rem - 32/16=2-)
Title: font-family: ABeeZee; font-style: normal; font-weight: normal; font-size: 27px; line-height: 32px; //<-- use 2rem color: rgba(0, 0, 0, 0.85);
Body: font-family: Libre Baskerville; font-style: normal; font-weight: normal; font-size: 16px; // 1rem line-height: 20px; //1.25 rem color: rgba(0, 0, 0, 0.65); //
More entries font-family: ABeeZee; font-style: normal; font-weight: normal; font-size: 24px; // 24/16 rem line-height: 28px; //28/16 rem text-align: center; color: rgba(0, 0, 0, 0.85);
Entry title: font-family: Libre Baskerville; font-style: normal; font-weight: normal; font-size: 16px; //1rem line-height: 32px; //2rem / or 200% / color: rgba(0, 0, 0, 0.85);
Selected entry: font-family: Libre Baskerville; font-style: italic; font-weight: normal; font-size: 16px; line-height: 32px; / or 200% /
color: rgba(0, 0, 0, 0.6);
status text: font-family: Libre Baskerville; font-style: italic; font-weight: normal; font-size: 18px; line-height: 32px; // / or 178% / text-align: right; color: rgba(0, 0, 0, 0.5);
Menu items:
font-family: Libre Baskerville; font-style: normal; font-weight: normal; font-size: 16px; line-height: 32px; / or 200% / color: rgba(0, 0, 0, 0.6);
font-family: Libre Baskerville; font-style: normal; font-weight: normal; font-size: 16px; line-height: 32px; / identical to box height, or 200% / color: rgba(255, 0, 0, 0.6);
See also rem vs em