q-[p|m][t|r|b|l|a|x|y]-[none|auto|xs|sm|md|lg|xl]

    T       D                   S

​

T - type

  - values: p (padding), m (margin)

​

D - direction

  - values:

      t (top), r (right), b (bottom), l (left),

      a (all), x (both left & right), y (both top & bottom)

​

S - size

  - values:

      none,

      auto (ONLY for specific margins: q-ml-*, q-mr-*, q-mx-*),

      xs (extra small),

      sm (small),

      md (medium),

      lg (large),

      xl (extra large)