{"id":50,"date":"2018-04-27T14:55:51","date_gmt":"2018-04-27T14:55:51","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=50"},"modified":"2018-05-18T22:34:54","modified_gmt":"2018-05-18T22:34:54","slug":"status-badges","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/status-badges\/","title":{"rendered":"Status Badges"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tStatus Badges<br \/>\n\t<\/h1>\n<h4>\n\t\tStatus Badges are labels which hold small amounts of information about the state of an account or transaction.<br \/>\n\t<\/h4>\n<p>There are 3 different types of status badges.<\/p>\n<ul>\n<li>success<\/li>\n<li>warning<\/li>\n<li>declined<\/li>\n<\/ul>\n<h4>\n\t\t<a href=\"#\" title=\"Success\" target=\"_self\"><br \/>\n\t\tSuccess<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<pre>.badge-container {\nborder-radius: 13px;\nwidth: 84px;\n}\n.badge-label{\nfont-family: Lato-Regular;\nfont-size: 12px;\ntext-align: center;\nline-height: 16px;\n}\n.badge-success  {\nbackground-color: rgba(0,128,0,0.15);\ncolor: #008000;\n}\n<\/pre>\n<h4>\n\t\t<a href=\"#\" title=\"Warning\" target=\"_self\"><br \/>\n\t\tWarning<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<pre>.badge-container {\nborder-radius: 13px;\nwidth: 84px;\n}\n.badge-label{\nfont-family: Lato-Regular;\nfont-size: 12px;\ntext-align: center;\nline-height: 16px;\n}\n.badge-warning  {\nbackground-color: rgba(244,157,16,0.15);\ncolor: #F49D10;\n}\n<\/pre>\n<h4>\n\t\t<a href=\"#\" title=\"Declined\" target=\"_self\"><br \/>\n\t\tDeclined<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<pre>.badge-container {\nborder-radius: 13px;\nwidth: 84px;\n}\n.badge-label{\nfont-family: Lato-Regular;\nfont-size: 12px;\ntext-align: center;\nline-height: 16px;\n}\n.badge-declined  {\nbackground-color: rgba(220,20,60,0.15);\ncolor: #DC143C;\n}\n<\/pre>\n<h2>\n\t\tOverview of CSS Classes<br \/>\n\t<\/h2>\n<h5>\n\t\tSelector<br \/>\n\t<\/h5>\n<h5>\n\t\tSummary<br \/>\n\t<\/h5>\n<h5>\n\t\tParent Selector<br \/>\n\t<\/h5>\n<p><em>coming<\/em><\/p>\n<p>coming<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Status Badges Status Badges are labels which hold small amounts of information about the state of an account or transaction. There are 3 different types of status badges. success warning declined Success .badge-container { border-radius: 13px; width: 84px; } .badge-label{ font-family: Lato-Regular; font-size: 12px; text-align: center; line-height: 16px; } .badge-success { background-color: rgba(0,128,0,0.15); color:&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":380,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":6,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":893,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/50\/revisions\/893"}],"up":[{"embeddable":true,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/380"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}