{"id":24,"date":"2023-07-25T17:53:45","date_gmt":"2023-07-25T17:53:45","guid":{"rendered":"https:\/\/business-one.local\/?page_id=24"},"modified":"2023-07-25T17:53:45","modified_gmt":"2023-07-25T17:53:45","slug":"styles","status":"publish","type":"page","link":"https:\/\/www.gettingwebsiteslive.com\/index.php\/styles\/","title":{"rendered":"Styles"},"content":{"rendered":"\n
\n
\n
\n
Headings \u2013 Outfit<\/div>\n\n\n\n

H1 – Lorem ipsum amet morbi dolor tortor eget mollis nostra.<\/h1>\n\n\n\n

H2 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.<\/h2>\n\n\n\n

H3 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis.<\/h3>\n\n\n\n

H4 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.<\/h4>\n<\/div>\n\n\n\n
\n
Body Text \u2013 Albert Sans<\/div>\n\n\n\n

Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam velit corper. Pharetra torquent auctor metus text link<\/a> velit. Natoque tellus semper taciti nostra primis lectus donec tortor fusce morbi risus curae.<\/p>\n\n\n\n

Suscipit taciti primis tempor euismod aptent felis blandit cursus gravida lectus nullam dapibus netus. Curae iaculis aptent leo ligula euismod mauris gravida etiam praesent magnis congue gravida magna netus inceptos.<\/p>\n\n\n\n

<\/path><\/svg><\/span>Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam<\/span><\/p>\n\n\n\n

<\/path><\/svg><\/span>Suscipit taciti primis tempor euismod aptent felis blandit gravida<\/span><\/p>\n\n\n\n

<\/path><\/svg><\/span>Curae iaculis aptent leo ligula euismod mauris gravida etiam <\/span><\/p>\n<\/div>\n\n\n\n

\n
Color Palette<\/div>\n\n\n\n
\n
\n
\n

<\/path><\/svg><\/span>contrast<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>contrast-2<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>contrast-3<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>base<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>base-2<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>base-3 (white)<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>accent<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>accent-2<\/span><\/p>\n<\/div>\n\n\n\n

\n

<\/path><\/svg><\/span>accent-3<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
Buttons<\/div>\n\n\n\n
\nPrimary Button<\/a>\n\n\n\nSecondary Button<\/a>\n\n\n\nText & Icon Button<\/span><\/path><\/svg><\/span><\/a>\n<\/div>\n<\/div>\n\n\n\n
\n
Global Styles<\/div>\n\n\n\n

This site uses the 12 default GenerateBlocks Pro Global Style Classes<\/a>, as well as 4 additional classes for frequently used styles on this site. <\/p>\n\n\n\n

.gbp-section__text- -sm <\/p>\n\n\n\n

Smaller paragraph text for items like testimonial names<\/p>\n\n\n\n

.gbp–border-radius<\/p>\n\n\n\n

Adds rounded corners to images and containers<\/p>\n\n\n\n

.gbp–margin-after<\/p>\n\n\n\n

Used for adding space between two content sections in the same container<\/p>\n\n\n\n

.gbp-section__icon-list<\/p>\n\n\n\n

Styles the text and icons for items like checklists and pricing table features<\/p>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Headings \u2013 Outfit H1 – Lorem ipsum amet morbi dolor tortor eget mollis nostra. H2 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper. H3 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis. H4 – Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam … Read more<\/a><\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gettingwebsiteslive.com\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}