sg-block+sg-background<\/div>
Classic Button<\/h2>
Using the general bootstrap fields we can create a button that links directly with our theme colors<\/em><\/p>btn+sg-primary<\/div>
btn+sg-secondary<\/div>
btn+sg-success<\/div>
btn+sg-info<\/div>
btn+sg-warning<\/div>
btn+sg-danger<\/div>
btn+sg-light<\/div>
btn+sg-dark<\/div>
btn+sg-medium<\/div>
btn+sg-background<\/div>
Header Button<\/h2>
Using the general bootstrap fields we can create a button that links directly with our theme colors<\/em><\/p>hd-btn+sg-primary<\/div>
hd-btn+sg-secondary<\/div>
hd-btn+sg-success<\/div>
hd-btn+sg-info<\/div>
hd-btn+sg-warning<\/div>
hd-btn+sg-danger<\/div>
hd-btn+sg-light<\/div>
hd-btn+sg-dark<\/div>
hd-btn+sg-medium<\/div>
hd-btn+sg-background<\/div>
Outline Button<\/h2>
An alternative button with no background, on hover we have a shadow<\/em><\/p>btn-outline+sg-primary<\/div>
btn-outline+sg-secondary<\/div>
btn-outline+sg-success<\/div>
btn-outline+sg-info<\/div>
btn-outline+sg-warning<\/div>
btn-outline+sg-danger<\/div>
btn-outline+sg-light<\/div>
btn-outline+sg-dark<\/div>
btn-outline+sg-medium<\/div>
btn-outline+sg-background<\/div>
Block Title<\/h2>
Use this to split up your text with a striking block of text as an alternative to general headings<\/em><\/p>sg-block-title+sg-primary<\/div>
sg-block-title+sg-secondary<\/div>
sg-block-title+sg-success<\/div>
sg-block-title+sg-info<\/div>
sg-block-title+sg-warning<\/div>
sg-block-title+sg-danger<\/div>
sg-block-title+sg-light<\/div>
sg-block-title+sg-dark<\/div>
sg-block-title+sg-medium<\/div>
sg-block-title+sg-background<\/div>
Block Quote<\/h2>
A really simple way to quote within your page using our blockquote feature. This uses your primary web color to surround your text<\/em><\/p>sg-block-quote Default<\/div>
SG Single Gradient Block<\/h2>
A gradient between the main color and alpha set as background<\/em><\/p>sg-gradient-block-1+sg-primary<\/div>
sg-gradient-block-1+sg-secondary<\/div>
sg-gradient-block-1+sg-success<\/div>
sg-gradient-block-1+sg-info<\/div>
sg-gradient-block-1+sg-warning<\/div>
sg-gradient-block-1+sg-danger<\/div>
sg-gradient-block-1+sg-light<\/div>
sg-gradient-block-1+sg-dark<\/div>
sg-gradient-block-1+sg-medium<\/div>
sg-gradient-block-1+sg-background<\/div>
SG Double Gradient block<\/h2>
A gradient between two colors (main+end) set as background<\/em><\/p>sg-gradient-block-2+sg-primary<\/div>
sg-gradient-block-2+sg-secondary<\/div>
sg-gradient-block-2+sg-success<\/div>
sg-gradient-block-2+sg-info<\/div>
sg-gradient-block-2+sg-warning<\/div>
sg-gradient-block-2+sg-danger<\/div>
sg-gradient-block-2+sg-light<\/div>
sg-gradient-block-2+sg-dark<\/div>
sg-gradient-block-2+sg-medium<\/div>
sg-gradient-block-2+sg-background<\/div>
SG Triple Gradient block<\/h2>
A gradient between three colors (main,mid+end) set as background<\/em><\/p>sg-gradient-block-3+sg-primary<\/div>
sg-gradient-block-3+sg-secondary<\/div>
sg-gradient-block-3+sg-success<\/div>
sg-gradient-block-3+sg-info<\/div>
sg-gradient-block-3+sg-warning<\/div>
sg-gradient-block-3+sg-danger<\/div>
sg-gradient-block-3+sg-light<\/div>
sg-gradient-block-3+sg-dark<\/div>
sg-gradient-block-3+sg-medium<\/div>
sg-gradient-block-3+sg-background<\/div>
SG Filter Gradient<\/h2>
Our basic filter gradient class (gradient must overwrite background color in choices). Used purely for color choices within acf fields<\/em><\/p>sg-filter-gradient Default<\/div>
SG Filter Gradient header<\/h2>
Our basic filter gradient class (gradient must overwrite background color in choices). Used purely for color choices within acf fields<\/em><\/p>