{"id":1323,"date":"2023-11-07T15:17:15","date_gmt":"2023-11-07T20:17:15","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=1323"},"modified":"2024-09-18T20:31:26","modified_gmt":"2024-09-19T00:31:26","slug":"button-block","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/block-library\/design-blocks\/button-block\/","title":{"rendered":"Button Block"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Button Block\n                    <\/h1>\n                \n                                \n                                    \n\n\n<p>Use buttons to create Calls to Action (CTAs) and help users better navigate your website<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/carleton.ca\/cutheme-docs\/mastery\/module-2-design-block-mastery\/button\/\">How to: Buttons<\/a><\/div>\n<\/div>\n\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>Donec efficitur lorem facilisis sodales eleifend. Phasellus dapibus nibh ac lorem vulputate, non ultricies tellus aliquam. Sed quis dolor mauris. Cras faucibus consectetur nibh, in tincidunt arcu efficitur ut. Suspendisse mollis fringilla enim, a finibus sem congue non. Nullam egestas massa id pretium facilisis. Nunc id laoreet mi, nec commodo lectus. Donec semper arcu at arcu bibendum tempor. Suspendisse tincidunt elit quis gravida porttitor.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-fdcfc74e wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button One<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-light-grey is-style-light-grey--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button Two<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-light-grey is-style-light-grey--2\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button Three<\/a><\/div>\n<\/div>\n\n\n\n<p>Donec quis sem ut quam elementum accumsan. Morbi ornare viverra augue id tempus. Vivamus pretium dignissim neque, sit amet vestibulum ex commodo ultrices. Sed non ultricies magna. Etiam suscipit quis lorem a facilisis. Sed vel nulla in justo varius volutpat cursus vel ante.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button One<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-light-grey is-style-light-grey--3\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button Two<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-light-grey is-style-light-grey--4\"><a class=\"wp-block-button__link wp-element-button\" href=\"#\">Button Three<\/a><\/div>\n<\/div>\n\n\n\n<p>Pellentesque orci justo, volutpat a facilisis eget, tempus id neque. Donec euismod efficitur justo vel blandit. Maecenas vestibulum ex eu libero cursus, ac congue arcu molestie. Ut et ante risus. Maecenas eget turpis et libero luctus eleifend. Curabitur ornare dolor venenatis aliquam placerat. Sed dignissim, arcu eu mattis vehicula, nulla lectus consequat lectus, sed porttitor libero libero non nunc. Nunc ex mag<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Donec efficitur lorem facilisis sodales eleifend. Phasellus dapibus nibh ac lorem vulputate, non ultricies tellus aliquam. Sed quis dolor mauris. Cras faucibus consectetur nibh, in tincidunt arcu efficitur ut. Suspendisse mollis fringilla enim, a finibus sem congue non. Nullam egestas massa id pretium facilisis. Nunc id laoreet mi, nec commodo lectus. Donec semper arcu at [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":2325,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_cu_dining_location_slug":"","footnotes":"","_links_to":"","_links_to_target":""},"cu_page_type":[11],"class_list":["post-1323","page","type-page","status-publish","hentry","cu_page_type-general"],"acf":{"cu_post_thumbnail":false},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=1323"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1323\/revisions"}],"predecessor-version":[{"id":4281,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/1323\/revisions\/4281"}],"up":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/pages\/2325"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=1323"}],"wp:term":[{"taxonomy":"cu_page_type","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/cu_page_type?post=1323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}