{"id":12,"date":"2022-10-18T10:07:00","date_gmt":"2022-10-18T10:07:00","guid":{"rendered":"https:\/\/demo.osompress.com\/dakota-digital\/style-guide\/"},"modified":"2022-10-18T10:07:00","modified_gmt":"2022-10-18T10:07:00","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demo.osompress.com\/dakota-digital\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Below are examples of column classes that are available in the block editor.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. <\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<p class=\"has-drop-cap wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<h2 class=\"has-text-align-left title wp-block-heading\">Colors<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:24%\">\n<p class=\"has-text-align-center has-theme-text-color has-text-color has-background has-normal-font-size wp-block-paragraph\" style=\"background-color:#f3f6f6\">#F3F6F6<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:26%\">\n<p class=\"has-text-align-center has-theme-text-color has-text-color has-background has-normal-font-size wp-block-paragraph\" style=\"background-color:#d4df9e\">#D4DF9E<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:24.99%\">\n<p class=\"has-text-align-center has-theme-base-color has-theme-primary-background-color has-text-color has-background has-normal-font-size wp-block-paragraph\">#f26334<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<p class=\"has-text-align-center has-theme-base-color has-theme-text-background-color has-text-color has-background has-normal-font-size wp-block-paragraph\">#262524<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"has-text-align-left title has-theme-text-color has-text-color wp-block-heading\">Tipography<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"text-decoration: underline;\">Default size (16px):<br><\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<p class=\"has-small-font-size wp-block-paragraph\"><span style=\"text-decoration: underline;\">Small size (14px):<\/span><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<p class=\"has-large-font-size wp-block-paragraph\"><span style=\"text-decoration: underline;\">Large size (20px):<\/span><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<p class=\"has-larger-font-size wp-block-paragraph\"><span style=\"text-decoration: underline;\">Larger size (24px)<\/span><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"title wp-block-heading\">Headings<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"has-text-align-left wp-block-heading\">H2 Fira Sans 36px<\/h2>\n\n\n\n<h3 class=\"has-text-align-left wp-block-heading\">H3 Fira Sans 30px<\/h3>\n\n\n\n<h4 class=\"has-text-align-left wp-block-heading\">H4 Fira Sans 26px<\/h4>\n\n\n\n<h5 class=\"has-text-align-left wp-block-heading\">H5 FIRA SANS 24px<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left has-small-font-size wp-block-paragraph\">Fira Sans 14px<\/p>\n\n\n\n<p class=\"has-text-align-left has-normal-font-size wp-block-paragraph\">Fira Sans  16px<\/p>\n\n\n\n<p class=\"has-text-align-left has-large-font-size wp-block-paragraph\">Fira Sans  20px<\/p>\n\n\n\n<p class=\"has-text-align-left has-larger-font-size wp-block-paragraph\">Fira Sans  24px.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-theme-primary-color has-css-opacity has-theme-primary-background-color has-background\"\/>\n\n\n\n<h2 class=\"has-text-align-left title wp-block-heading\">Buttons<\/h2>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"#\">Button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link\" href=\"#\">Outlined Button<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<h2 class=\"has-text-align-left title wp-block-heading\">Blockquotes &amp; Pullquotes<\/h2>\n\n\n\n<figure class=\"wp-block-pullquote has-text-align-left alignfull has-background is-style-solid-color is-style-default has-theme-text-color has-text-color\" style=\"background-color:#d4df9e\"><blockquote><p>Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity. <\/p><cite> <br>Dieter Rams<\/cite><\/blockquote><\/figure>\n\n\n\n<p class=\"has-theme-base-color has-theme-primary-background-color has-text-color has-background wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<blockquote class=\"wp-block-quote has-text-align-center is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget.  Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p><cite>AUTHOR<\/cite><\/blockquote>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Below are examples of column classes that are available in the block editor. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"osom_blocks_metabox":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","entry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.osompress.com\/dakota-digital\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}