{"id":197,"date":"2011-05-13T11:04:39","date_gmt":"2011-05-13T11:04:39","guid":{"rendered":"http:\/\/basics.css4design.com\/?p=197"},"modified":"2011-05-13T11:04:39","modified_gmt":"2011-05-13T11:04:39","slug":"how-to-handle-css-within-basics","status":"publish","type":"post","link":"http:\/\/4design.xyz\/wordpress-basics\/how-to-handle-css-within-basics","title":{"rendered":"How to handle CSS within Basics?"},"content":{"rendered":"<p>It&#8217;s pretty simple. Or not. It depends on your knowledge of CSS. First I&#8217;ve splitted <em>style.css<\/em> from HTML5 Boilerplate in three parts.\u00a0To be consistent with the editor of WordPress,\u00a0the first part of H5bP &#8212; reset.css &#8212; is imported in <em>markup.css<\/em> witch is used for styling both the front site and TinyMCE Editor build in.\u00a0Actually, it&#8217;s <em>editor-style.css<\/em> renamed.<!--more--><\/p>\n<p>The small second part is included within <em>markup.css<\/em> and concern global colours, headings and links.\u00a0The last part is imported from <em>style.css<\/em> (root theme) and offers some tools, especially a clearfix, Media Queries and CSS Print.<\/p>\n<p>I&#8217;ve put a <em>grid.css<\/em> too, with my mashup of Blueprint, 960.gs and The Simpler Grid. That why you&#8217;ll find a <em>grid.png<\/em> (940 pixels width).<\/p>\n<p>Don&#8217;t be afraid to remove all stylesheets (except the first comment within <em>style.css<\/em>) to fit your need, if you want to go with a blank page!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s pretty simple. Or not. It depends on your knowledge of CSS. First I&#8217;ve splitted style.css from HTML5 Boilerplate in three parts.\u00a0To be consistent with the editor of WordPress,\u00a0the first part of H5bP &#8212; reset.css &#8212; is imported in markup.css witch is used for styling both the front site and TinyMCE Editor &hellip; <a href=\"http:\/\/4design.xyz\/wordpress-basics\/how-to-handle-css-within-basics\" rel=\"nofollow\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[13,24,36,71,120,140],"_links":{"self":[{"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/posts\/197"}],"collection":[{"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":0,"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/posts\/197\/revisions"}],"wp:attachment":[{"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/media?parent=197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/categories?post=197"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4design.xyz\/wordpress-basics\/wp-json\/wp\/v2\/tags?post=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}