{"id":163,"date":"2022-08-01T13:37:41","date_gmt":"2022-08-01T13:37:41","guid":{"rendered":"https:\/\/design.zmtheme.com\/default-content\/?page_id=163"},"modified":"2022-08-01T13:37:41","modified_gmt":"2022-08-01T13:37:41","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/design.zuestmedia.com\/modular-default\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Headings<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-group has-border-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-group has-default-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h1 class=\"wp-block-heading\">This is a H1 heading<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">This is a H2 heading<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">This is a H3 heading<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">This is a H4 heading<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">This is a H5 heading<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">This is a H6 heading<\/h6>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Body<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-group has-border-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-group has-default-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"#\">a element<\/a><br><code>code element<\/code><br><del>del element<\/del><br><dfn title=\"Title text\">dfn element<\/dfn><br><em>em element<\/em><br><ins>ins element<\/ins><br><mark>mark element<\/mark><br><q>q inside a q<\/q><br><strong>strong element<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Global Colors<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-border-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-cover\" style=\"min-height:250px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-default-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-default-text-color has-text-color has-medium-font-size wp-block-paragraph\">Default Color<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-cover\" style=\"min-height:250px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-muted-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-default-text-color has-text-color has-medium-font-size wp-block-paragraph\">Muted Color<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-cover\" style=\"min-height:250px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-inverse-text-color has-text-color has-medium-font-size wp-block-paragraph\">Primary Color<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-border-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-cover\" style=\"min-height:250px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-secondary-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-inverse-text-color has-text-color has-medium-font-size wp-block-paragraph\">Secondary Color<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Text Colors<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-group has-border-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-group has-default-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"uk-margin-remove has-emphasis-text-color has-text-color wp-block-paragraph\">Emphasis Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-default-text-color has-text-color wp-block-paragraph\">Default Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-muted-text-color has-text-color wp-block-paragraph\">Muted Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-primary-color has-text-color wp-block-paragraph\">Primary Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-secondary-color has-text-color wp-block-paragraph\">Secondary Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-inverse-text-color has-text-color wp-block-paragraph\">Inverse Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-success-color has-text-color wp-block-paragraph\">Success Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-warning-color has-text-color wp-block-paragraph\">Warning Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-danger-color has-text-color wp-block-paragraph\">Danger Text Color<\/p>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Buttons<\/h2>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<div class=\"wp-block-group has-border-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"padding-top:1px;padding-right:1px;padding-bottom:1px;padding-left:1px\">\n<div class=\"wp-block-group has-default-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-buttons is-horizontal is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-a5dca883 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-default-text-color has-muted-background-color has-text-color has-background wp-element-button\" href=\"#\">Button default<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-inverse-text-color has-primary-background-color has-text-color has-background wp-element-button\" href=\"#\">Button primary<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-inverse-text-color has-secondary-background-color has-text-color has-background wp-element-button\" href=\"#\">Button secondary<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-primary-color has-text-color wp-element-button\" href=\"#\">Button Outline<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-space-between is-layout-flex wp-container-core-buttons-is-layout-0b4d195f wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-default-text-color has-muted-background-color has-text-color has-background wp-element-button\" href=\"#\" style=\"border-radius:0px\">Button default<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-inverse-text-color has-primary-background-color has-text-color has-background wp-element-button\" href=\"#\" style=\"border-radius:0px\">Button primary<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-inverse-text-color has-secondary-background-color has-text-color has-background wp-element-button\" href=\"#\" style=\"border-radius:0px\">Button secondary<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link has-primary-color has-text-color wp-element-button\" href=\"#\" style=\"border-radius:0px\">Button Outline<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/design.zuestmedia.com\/modular-default\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}