Set up CSS global styles and other frontend config #17

New Issue

a258wang · 2022-03-24T02:41:39-04:00

a258wang commented

2022-03-24 02:41:39 -04:00

There is a little big of legwork that needs to be done in order to make the frontend development process a bit cleaner:

Verify that CSS Modules are set up and working as expected.
- In particular, ensure that we can use dot notation rather than bracket notation for CSS styles (ie. className={styles.foo} instead of className={styles["foo"]}).
Add some global CSS styles, such as fonts and CSS variables for colours.
(Optional) Add the postcss package so we can write calc(X rem / 16) and have that get converted to a static value on build time, similar to what's done for the website. (I'm not quite sure if this is still useful, since we aren't going to be serving the library as a static site.)

In general, look at the website repo for "inspiration" - ideally we want development for the library to feel similar to development for the website.

There is a little big of legwork that needs to be done in order to make the frontend development process a bit cleaner: - Verify that CSS Modules are set up and working as expected. - In particular, ensure that we can use dot notation rather than bracket notation for CSS styles (ie. `className={styles.foo}` instead of `className={styles["foo"]}`). - Add some global CSS styles, such as fonts and CSS variables for colours. - (Optional) Add the postcss package so we can write `calc(X rem / 16)` and have that get converted to a static value on build time, similar to what's done for the website. (I'm not quite sure if this is still useful, since we aren't going to be serving the library as a static site.) In general, look at the website repo for "inspiration" - ideally we want development for the library to feel similar to development for the website.

a258wang added the

Frontend

label 2022-03-24 02:41:39 -04:00

Sign in to join this conversation.

No Label

Backend

Frontend

No Milestone

No project

No Assignees

1 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: www/library#17