Misc

Learn more about some miscellaneous styling features used in Sandbox.

Spacing

Sandbox adds additional spacing variables to existing Bootstrap spacing ranging between values 0 and 25

Line Height

Change the line height with .lh-* utilities.

View example's code

<p className="lh-1">Text</p>
<p className="lh-xxs">Text</p>
<p className="lh-xs">Text</p>
<p className="lh-sm">Text</p>
<p className="lh-base">Text</p>
<p className="lh-lg">Text</p>

Letter Spacing

Change the letter spacing with .ls-* utilities.

View example's code

<p className="ls-xs">Text</p>
<p className="ls-sm">Text</p>
<p className="ls-md">Text</p>
<p className="ls-lg">Text</p>
<p className="ls-xl">Text</p>
<p className="ls-normal">Text</p>

Gutters

Spacing variables mentioned above can also be used for column gutters. More information regarding Bootstrap gutters can be found on Bootstrap docs

Retina Images

In order to display a high resolution image on devices with retina display, you need two versions of the image. One with regular size and another with twice its size. The high resolution one should have the exact same name with @2x at the end.

View example's code

<img src="logo.png" srcSet="logo@2x.png 2x" alt="" />

Think unique and be creative. Make a difference with Sandbox.

Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.

Sandbox

Contact Info

Learn More

Follow Us

Your Cart

Nike Air Sneakers

Colorful Sneakers

Polaroid Camera

Misc

Spacing

Font Size

Line Height

Letter Spacing

Gutters

Retina Images

Think unique and be creative. Make a difference with Sandbox.

PROJECT PAGES

SINGLE PROJECTS

Usage

Styleguide

Elements

Misc

Spacing

Font Size

Line Height

Letter Spacing

Gutters

Retina Images

Think unique and be creative. Make a difference with Sandbox.