{"id":252,"date":"2019-06-25T16:05:49","date_gmt":"2019-06-25T16:05:49","guid":{"rendered":"https:\/\/gutenbergtestdata.wordpress.com\/?p=252"},"modified":"2019-06-25T16:05:49","modified_gmt":"2019-06-25T16:05:49","slug":"gutenberg-button","status":"publish","type":"post","link":"https:\/\/staging.cedaro.com\/ovation\/2019\/06\/25\/gutenberg-button\/","title":{"rendered":"Gutenberg: Button"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Styles<\/h3>\n\n\n\n<div class=\"wp-block-columns has-3-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<h4 class=\"wp-block-heading\">Default<\/h4>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">Button<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Outline<\/h4>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link\" href=\"#\">Button<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Squared<\/h4>\n\n\n\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link\" href=\"#\">Button<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Color Settings<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Text Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color\" href=\"#\" style=\"color:#94d6ff\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-text-color\" href=\"#\" style=\"color:#94d6ff\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-text-color\" href=\"#\" style=\"color:#94d6ff\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Background Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background\" href=\"#\" style=\"background-color:#94d6ff\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--3\"><a class=\"wp-block-button__link has-background\" href=\"#\" style=\"background-color:#94d6ff\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-background\" href=\"#\" style=\"background-color:#94d6ff\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Text &amp; Background Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"#\" style=\"background-color:#94d6ff;color:#ff7b00\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--4\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"#\" style=\"background-color:#94d6ff;color:#ff7b00\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-text-color has-background\" href=\"#\" style=\"background-color:#94d6ff;color:#ff7b00\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Color Palette Text Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"#\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--5\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"#\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-text-color has-dark-gray-color\" href=\"#\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Color Palette Background Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-background has-dark-gray-background-color\" href=\"#\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--6\"><a class=\"wp-block-button__link has-background has-dark-gray-background-color\" href=\"#\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-background has-dark-gray-background-color\" href=\"#\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Custom Color Palette Text &amp; Background Color<\/h4>\n\n\n\n<div class=\"wp-block-columns has-3-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<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-light-gray-color has-background has-dark-gray-background-color\" href=\"#\">Default<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-outline is-style-outline--7\"><a class=\"wp-block-button__link has-text-color has-light-gray-color has-background has-dark-gray-background-color\" href=\"#\">Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-button is-style-squared\"><a class=\"wp-block-button__link has-text-color has-light-gray-color has-background has-dark-gray-background-color\" href=\"#\">Squared<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Alignment<\/h3>\n\n\n\n<div class=\"wp-block-button alignleft\"><a class=\"wp-block-button__link\" href=\"#\">Left<\/a><\/div>\n\n\n\n<div class=\"wp-block-button aligncenter\"><a class=\"wp-block-button__link\" href=\"#\">Center<\/a><\/div>\n\n\n\n<div class=\"wp-block-button alignright\"><a class=\"wp-block-button__link\" href=\"#\">Right<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator\" \/>\n\n\n\n<h3 class=\"wp-block-heading\">Weight &amp; Style<\/h3>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\"><strong>This button is bold<\/strong><\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\"><em>This button is italicized<\/em><\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\"><code>This is button has an Inline Code<\/code><\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"#\">This button has an Inline Image  <img decoding=\"async\" data-attachment-id=\"103\" data-permalink=\"https:\/\/staging.cedaro.com\/ovation\/zoltan-tasi-482489-unsplash\/\" data-orig-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-scaled.jpg\" data-orig-size=\"2560,1721\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"zoltan-tasi-482489-unsplash\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;This is a caption&lt;\/p&gt;\n\" data-medium-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-300x202.jpg\" data-large-file=\"https:\/\/staging.cedaro.com\/ovation\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash-1024x688.jpg\" class=\"wp-image-103\" style=\"width:150px\" src=\"http:\/\/staging.cedaro.com\/wp-content\/uploads\/sites\/16\/2018\/10\/00f7e-037ab-zoltan-tasi-482489-unsplash.jpg\" alt=\"\"><\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\"><s>This button has a Strikethrough text<\/s><\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\"><span style=\"text-decoration:underline\">This button has an Underline text<\/span><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Styles Default Outline Squared Color Settings Custom Text Color Custom Background Color Custom Text &amp; Background Color Custom Color Palette Text Color Custom Color Palette Background Color Custom Color Palette Text &amp; Background Color Alignment Weight &amp; Style<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-252","post","type-post","status-publish","format-standard","category-gutenberg","entry"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":0,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"wp:attachment":[{"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.cedaro.com\/ovation\/wp-json\/wp\/v2\/tags?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}