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: white, beige, red, green, neutral, light-green, light-brown, warm-grey, brown. 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