Like combo classes, multi classes are created by adding two or more classes to an element. The difference is that the classes that make up the multi classes already exist independently. So the resulting CSS properties are created by addition, as opposed to combo classes, for which the properties apply to the combination of two or more classes.

Naming convention

There is no defined naming convention for multi classes since it will depend on the classes that make it up. They are usually built with multiple functional classes, or functional classes that are added to some other type.

Prev

<aside> ⬅️ Combo classes

</aside>

Next

<aside> ➡️ The Grid: global column system of only one class

</aside>

Index

• The System
  1. 4 class types
     1. Basic classes
     2. Component classes
     3. Structural classes
        1. Custom
        2. Page
        3. Section
        4. Container
        5. Grid
     4. Functional Classes
        1. Vertical
        2. Horizontal
        3. Padding
        4. Heading
        5. Color
        6. Font Size
        7. Font Style
        8. Font
        9. Bg
        10. Line Height
        11. Align
        12. Position
        13. Display
        14. Ratio
  2. Class combination
     1. Combo-classes
     2. Muti-classes
  3. Foundational scales
     1. Foundational scale for headings
     2. Foundational scale for heading in Rich Text
     3. Foundational scale for body text
     4. Foundational scale for spacing
  4. Grid
  5. Gap