Style Guidelines Demo

Main Content Styles:

This is buah-large-bold-green-heading class demo.

This is buah-large-green-heading class demo.

This is buah-large-serif-green-heading class demo.


This is buah-medium-serif-green-heading class demo.


This is buah-large-bold-brown-heading class demo.

This is buah-large-upcase-serif-brown-heading class demo.

This is buah-large-upcase-bold-brown-heading class demo.


This is buah-medium-serif-brown-heading class demo.

This is buah-medium-brown-heading class demo.


This is buah-small-bold-brown-heading class demo.

This is buah-small-upcase-bold-brown-heading class demo.


This is buah-small-brown-text class demo.

This is buah-small-warm-grey-text class demo.


Fonts:

This is buah-museo-sans-900 class demo.

This is buah-museo-sans-300 class demo.

This is buah-museo-300 class demo.


Colors:

Available colors: whitebeigeredgreenneutrallight-greenlight-brownwarm-greybrown. Each color can have one of 3 prefixes to form a class: buah-color-buah-bg-color-, and buah-border-color. Combine them and you will get class names.
For example: buah-color-red, buah-color-green, buah-color-white + buah-bg-color-brown.


Buttons:

Combine class action_button from the theme with buah-button or buah-button-primary:

action_button + buah-button action_button + buah-button-primary