We follow https://cssguidelin.es. In the css naming convention, we are aligned with the Hyphen Delimited convention instead of BEM-like one. For SASS, we follow https://sass-guidelin.es/
Refer to this table to decide which unit to use in each case.
| Unit | Use for |
|---|---|
| rem | font-size, dimensions (margin, padding, height, width) |
| % | width (responsive containers) |
| px | small details (borders, corners, shadows, images), media queries |
| unitless | line-height |
More info: