{"id":925,"date":"2018-05-22T23:10:38","date_gmt":"2018-05-22T23:10:38","guid":{"rendered":"https:\/\/sites.neoninspire.com\/style-guide\/?page_id=925"},"modified":"2018-05-31T20:20:43","modified_gmt":"2018-05-31T20:20:43","slug":"loaders","status":"publish","type":"page","link":"https:\/\/sites.neoninspire.com\/style-guide\/loaders\/","title":{"rendered":"Loaders"},"content":{"rendered":"<p>Components<\/p>\n<h1>\n\t\tSpinner<br \/>\n\t<\/h1>\n<h4>\n\t\tSpinners express an unspecified wait time or display the length of a process.<br \/>\n\t<\/h4>\n<h4>\n\t\t<a href=\"#\" title=\"Neon Circular Spinner\" target=\"_self\"><br \/>\n\t\tNeon Circular Spinner<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>See <a href=\"https:\/\/codepen.io\/robinmckayneon\/project\/editor\/ZEjBYV\">CodePen Project<\/a> &#8211; &#8220;Loader&#8221;<\/p>\n<p>Circular spinners display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card.<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/05\/Comp-1.gif\" alt=\"Comp-1\" itemprop=\"image\" height=\"256\" width=\"256\" title=\"Comp-1\"  \/><\/p>\n<h4>\n\t\t<a href=\"#\" title=\"Fun Space Spinner \" target=\"_self\"><br \/>\n\t\tFun Space Spinner<br \/>\n\t\t<\/a><br \/>\n\t<\/h4>\n<p>See <a href=\"https:\/\/codepen.io\/robinmckayneon\/project\/editor\/ZEjBYV\">CodePen Project<\/a> &#8211; &#8220;Space&#8221;<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sites.neoninspire.com\/style-guide\/wp-content\/uploads\/sites\/141\/2018\/05\/space.gif\" alt=\"space\" itemprop=\"image\" height=\"350\" width=\"350\" title=\"space\"  \/><\/p>\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>.spinner-neon<\/em><\/p>\n<p><em>.spinner-space<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Components Spinner Spinners express an unspecified wait time or display the length of a process. Neon Circular Spinner See CodePen Project &#8211; &#8220;Loader&#8221; Circular spinners display progress by animating an indicator along an invisible circular track in a clockwise direction. They can be applied directly to a surface, such as a button or card. Fun&hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-925","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/925","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=925"}],"version-history":[{"count":8,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/925\/revisions"}],"predecessor-version":[{"id":1104,"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/pages\/925\/revisions\/1104"}],"wp:attachment":[{"href":"https:\/\/sites.neoninspire.com\/style-guide\/wp-json\/wp\/v2\/media?parent=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}