{"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-sidebar-layout-1\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"\n<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 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><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-28f84493 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\">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\">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\">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\">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\">Emphasis Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-default-text-color has-text-color\">Default Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-muted-text-color has-text-color\">Muted Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-primary-color has-text-color\">Primary Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-secondary-color has-text-color\">Secondary Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-inverse-text-color has-text-color\">Inverse Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-success-color has-text-color\">Success Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-warning-color has-text-color\">Warning Text Color<\/p>\n\n\n\n<p class=\"uk-margin-remove has-danger-color has-text-color\">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-f200d7a0 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-d5572140 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-sidebar-layout-1\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/design.zuestmedia.com\/modular-sidebar-layout-1\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}