Classes
Classes naming convention
Classes are prefixed as to set a hint about class type and use. You can find below a list of all prefixes used in class names.
- NAV : navigation - used to group navigation elements.
- LT : layout - used to set pages elements layout such as container and grids.
- WR : wrapper - used to group content inside layout elements.
- SWR : sub-wrapper - used to group content inside wrappers.
- CL : collection list - used to style custom collection list layout when existing utility classes are not enough.
- CLI : collection list item - used to style collection items.
- uc : utility classes - combo classes used for various styles adjustments such as spacing, aligment, images rendering...
Utility classes
Visibility
Position
Icons & logos
Spacing & sizes
Alignment
Border width
Border color
Border radius
Text
Image boxes
![](https://cdn.prod.website-files.com/641f66797023382054f126b0/641f66797023386dcef126c1_AdobeStock_159675202%20(1)%20(Personnalis%C3%A9).jpeg)
.image-frame