Navigation

Helpers

Some global CSS available in Foundation that will help positioning and behaviour.

Foundation Classes

Set in 'app.css'. Do not edit.

.right

floats right

.left

floats left

.text-right

aligns text right

.text-left

aligns text left

.text-center

aligns text centre

.hide

sets display to none !important

.row.collapse .columns

set padding to 0

.row .row.collapse

sets margin to 0

Venda Spacing

Set in _settings.scss

Style Scss Variable
Standard Padding/Margin $helper-standard
Thick Padding/Margin $helper-thick
Thin Padding/Margin $helper-thin
.nopad

sets padding to 0

.pad

sets padding to $helper-standard (default 10px)

.pad-side

sets left and right padding to $helper-standard (default 10px)

.pad-top

sets top padding to $helper-standard (default 10px)

.pad-bottom

sets bottom padding to $helper-standard (default 10px)

.pad-topbottom

sets top and bottom padding to $helper-standard (default 10px)

.thickpad

sets padding to $helper-standard*2 (default 20px)

.thickpad-side

sets left and right padding to $helper-standard*2 (default 20px)

.thickpad-top

sets top padding to $helper-standard*2 (default 20px)

.thickpad-bottom

sets bottom padding to $helper-standard*2 (default 20px)

.thickpad-topbottom

sets top and bottom padding to $helper-standard*2 (default 20px)

.thinpad

sets padding to $helper-standard/2 (default 5px)

.thinpad-side

sets left and right padding to $helper-standard/2 (default 5px)

.thinpad-top

sets top padding to $helper-standard/2 (default 5px)

.thinpad-bottom

sets bottom padding to $helper-standard/2 (default 5px)

.thinpad-topbottom

sets top and bottom padding to $helper-standard/2 (default 5px)

.nomarg

sets margin to 0

.marg

sets margin to $helper-standard (default 10px)

.marg-side

sets left and right margin to $helper-standard (default 10px)

.marg-top

sets top margin to $helper-standard (default 10px)

.marg-bottom

sets bottom margin to $helper-standard (default 10px)

.marg-topbottom

sets top and bottom margin to $helper-standard (default 10px)

.thickmarg

sets margin to $helper-standard*2 (default 20px)

.thickmarg-side

sets left and right margin to $helper-standard*2 (default 20px)

.thickmarg-top

sets top margin to $helper-standard*2 (default 20px)

.thickmarg-bottom

sets bottom margin to $helper-standard*2 (default 20px)

.thickmarg-topbottom

sets top and bottom margin to $helper-standard*2 (default 20px)

.thinmarg

sets margin to $helper-standard/2 (default 5px)

.thinmarg-side

sets left and right margin to $helper-standard/2 (default 5px)

.thinmarg-top

sets top margin to $helper-standard/2 (default 5px)

.thinmarg-bottom

sets bottom margin to $helper-standard/2 (default 5px)

.thinmarg-topbottom

sets top and bottom margin to $helper-standard/2 (default 5px)