Update wiki about CSS standards #870

New issue

Closed

opened 2026-05-11 08:54:06 +00:00 by a24julot · 4 comments

a24julot commented

2026-05-11 08:54:06 +00:00

Collaborator

The decision has been made to use kebab-case and brackets, more on this in issue: #710. This should be documented so that everyone uses it.

The decision has been made to use kebab-case and brackets, more on this in issue: https://git.webug.se/Andras/BoundlessFlowCampus2K/issues/710. This should be documented so that everyone uses it.

b24krila was assigned by a24julot

2026-05-11 08:54:07 +00:00

a24julot added the

project documentation

label

2026-05-11 09:04:55 +00:00

b24krila commented

2026-05-11 09:26:43 +00:00

Collaborator

For updating our wiki based on what i have worked with when refactoring, we need to add 3 conventions.

Firstly that we should always use kebab-case for class names

.example-xxx and not .exampleXxx or anything similar.

Secondly we should always reference classes with bracket notation in js:

Not:

className={styles.toolTip}
className={styles.p}

but:

className={styles['tool-tip']}
className={styles['p']}

lastly we should add a section where rgba is allowed instead of hex specifically for shadows and similar css where hex colors are generally a worse option

For updating our wiki based on what i have worked with when refactoring, we need to add 3 conventions. Firstly that we should always use kebab-case for class names `.example-xxx` and not `.exampleXxx` or anything similar. Secondly we should always reference classes with bracket notation in js: Not: ``` className={styles.toolTip} className={styles.p} ``` but: ``` className={styles['tool-tip']} className={styles['p']} ``` lastly we should add a section where rgba is allowed instead of hex specifically for shadows and similar css where hex colors are generally a worse option

a24julot added the

needs review

label

2026-05-11 09:27:42 +00:00