Style Guide

Typography.

h6 Heading 6
h5 Heading 5

h4 Heading 4

h3 Heading 3

h2 Heading 2

h1 Heading 1

Lead text - Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, vero nostrum obcaecati omnis quos ea cumque facilis et voluptate minima? Reprehenderit dicta omnis provident aspernatur nostrum, distinctio dolorem quae quos.

intro - Lorem ipsum dolor sit amet.

body - Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, vero nostrum obcaecati omnis quos ea cumque facilis et voluptate minima? Reprehenderit dicta omnis provident aspernatur nostrum, distinctio dolorem quae quos.

Buttons.

SVG Icons.

<?php echo sonder_svg($name); ?>
<?php echo do_shortcode('[icon name='name']'); ?>
biodiversitypathways_logo
icon-arrow-down
icon-arrow-down2
icon-arrow-left
icon-arrow-left2
icon-arrow-right
icon-arrow-right2
icon-arrow-up-2
icon-arrow-up
icon-arrow-up2
icon-backspace
icon-cart
icon-checkmark-square
icon-checkmark
icon-close
icon-cloud-download
icon-contrastHigh
icon-contrastReg
icon-directions
icon-double-circle-arrow
icon-download
icon-envelope
icon-envelope2
icon-facebook
icon-fax
icon-file-text2
icon-flag
icon-globe
icon-google
icon-idea
icon-instagram
icon-link
icon-linkedin
icon-mappin
icon-minus
icon-moon-filled
icon-phone
icon-pinterest
icon-plus
icon-price-tag
icon-reset
icon-search
icon-search1
icon-search2
icon-sun-filled
icon-textBigger
icon-textSmaller
icon-trees
icon-trending-neutral
icon-twitter
icon-yelp
icon-youtube
ua_logo
ub_crest_logo
wsc_logo_outline

Font Icons.

<button class="licon-(name)">content</button> //left icon
<button class="icon-(name)">content</button>

Shortcodes.

[social]
[phonenumber] or [phonenumber hide-icon]
[email] or [email hide-icon]
[address]

312 Biological Sciences Bldg.
University of Alberta, Edmonton, AB,
Canada , T6G 2E9

[copyright]
[footer-logo]
[locations]

12227 107 Ave NW #206, Edmonton, AB T5M 1Y9, Canada

This is our main office address area.
[news amt="4" tax="" terms="research" card="news" type="projects" order="title" cat="" row="2"]
Cards: news, flat, projects, resource, team
Types: projects, resource, team, post
Tax: project_categories, resource_type, team_role
Terms:Resource Terms: causes-of-decline-survival-rates-causes-of-mortality, cmcrp-papers-reports, habitat-use-selection, manuscript, population-monitoring, rcrw, report, ricc, testing-recovery-options, thesis
Projects restoration, research, recovery, wildlife-ecology
Team directors, external
Example custom card queries
[news amt="6" tax="project_categories" terms="research" card="news" order="id" cat="" row="4"]
[news amt="9" tax="resource_type" terms="manuscript" card="resource" type="" order="title" cat="" row="3"]
[news amt="3" tax="team_role" terms="External Team" card="team" type="" order="title" cat="" row="3"]
[news amt="2" card="news" type="" order="date" cat="webinars" row="3"]

Gravity Forms.

Gravity Forms Dark.

Full-Width Slider

Full-Width Slider (Static Text)

Card Slider

Expand examples

Basic
Basic

.columns.expand-right

.column div.expand-right

.columns.expand-left

.column div.expand-left