Spacing

sApp includes a wide range of shorthand responsive margin and padding utility classes to modify an element's appearance. The Bootstrap default spacer also available along with sApp


How it works

Assign responsive-friendly margin or padding values to an element or a subset of its sides with shorthand classes. Includes support for individual properties, all properties, and vertical and horizontal properties. Classes are built from CSS from 0 to 180px.

CSS Class Reference

Class Details
.pt_0 Apply padding at the top of the element to 0.
.ptb_50 Apply a little more padding at the top and bottom of the element.
.ptb_100 Apply more padding than .ptb_50 at the top and bottom of the element.
.ptb_150 Apply much more padding than .ptb_100 at the top and bottom of the element.
.ptb_180 Apply much more padding than .ptb_150 at the top and bottom of the element.

Margin and Padding for elements

sApp use bootstrap default margin and padding for elements.