Navigation

Helpers

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

Foundation Classes

Set in '_global.scss'. Do not edit.

.right

floats right

.left

floats left

.hide

sets display to none !important

Venda Spacing

Set in _helper.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-left

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

.pad-right

sets 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-left

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

.thickpad-right

sets 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-left

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

.thinpad-right

sets 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-left

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

.marg-right

sets 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-left

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

.thickmarg-right

sets 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-left

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

.thinmarg-right

sets 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)

.underline

sets an underline property to the element

.pointer

sets a cursor to be a pointer

.bold

sets a font weight to be a bold

.border

sets a border to the bottom of the element

.helptext

sets the properties related to the font style to the text

.truncate

displays the element by the superscript

.fadeout

sets a fade out effect to an element

.fadein

sets a fade in effect to an element

Minimum length is
Maximum length is
Please enter a value in both fields
Please enter your name
Please enter a message
Please enter the name of the recipient
Please enter a valid quantity
Please enter a phone number
Please enter a valid phone number
Please enter an email address
Please enter a valid email address
weleda
restofworld
en
GBP
http://www.weleda.co.uk
http://www.weleda.co.uk/bin/venda