{"id":35,"date":"2018-04-27T14:55:49","date_gmt":"2018-04-27T14:55:49","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=35"},"modified":"2018-06-01T20:30:43","modified_gmt":"2018-06-01T20:30:43","slug":"list","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/components\/list\/","title":{"rendered":"List"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tList<br \/>\n\t<\/h1>\n<h4>\n\t\tLists consist of related content grouped together and organized vertically.<br \/>\n\t<\/h4>\n<h4>\n\t\t<a href=\"#\" title=\"Single item example\" target=\"_self\"><br \/>\n\t\tSingle item example<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/06\/list-item-3-line-no-icon-1.svg\" alt=\"list-item-3-line-no-icon\" itemprop=\"image\" height=\"87px\" width=\"360px\" title=\"list-item-3-line-no-icon\"  \/><\/p>\n<h4>\n\t\t<a href=\"#\" title=\"List example\" target=\"_self\"><br \/>\n\t\tList example<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/06\/Navigation-Notification-Panel-Copy-2.svg\" alt=\"Navigation Notification Panel Copy 2\" itemprop=\"image\" height=\"370px\" width=\"424px\" title=\"Navigation Notification Panel Copy 2\"  \/><\/p>\n<pre>.list-category {\nfont-size: .8rem;\ncolor: #002D41;\ntext-align: left;\n}\n.list-title {\nfont-weight: 700;\nfont-size: 1.1rem;\ncolor: #0074D9;\ntext-align: left;\n}\n.list-subheader {\nfont-size: 1rem;\ncolor: #54698D;\ntext-align: left;\n}\n.list-divider{\nbackground: rgba(0,0,0,0.12);\n}\n<\/pre>\n<p>\t\t\t\t<img decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/06\/Navigation-Notification-Panel-Copy-3.svg\" alt=\"Navigation Notification Panel Copy 3\" itemprop=\"image\" height=\"370px\" width=\"424px\" title=\"Navigation Notification Panel Copy 3\"  \/><\/p>\n<h4>\n\t\t** Obviously, this is just an example of one list. There will be more to come as the UX pass progresses.<br \/>\n\t<\/h4>\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>.list-category<\/em><\/p>\n<p><em>.list-title<\/em><\/p>\n<p><em>.list-subheader<\/em><\/p>\n<p><em>.list-divider<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components List Lists consist of related content grouped together and organized vertically. Single item example List example .list-category { font-size: .8rem; color: #002D41; text-align: left; } .list-title { font-weight: 700; font-size: 1.1rem; color: #0074D9; text-align: left; } .list-subheader { font-size: 1rem; color: #54698D; text-align: left; } .list-divider{ background: rgba(0,0,0,0.12); } ** Obviously, this is just&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-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/35","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=35"}],"version-history":[{"count":13,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":1166,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/35\/revisions\/1166"}],"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=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}