<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Brit Gardner ::: Web Developer ::: Dallas, TX &#187; html/css</title>
	<atom:link href="http://britg.com/topics/htmlcss/feed/" rel="self" type="application/rss+xml" />
	<link>http://britg.com</link>
	<description>The big yellow one&#039;s the sun.</description>
	<lastBuildDate>Sun, 10 Jan 2010 17:25:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>How To Apply Full CSS Reset on an Arbitrary Selector with Compass</title>
		<link>http://britg.com/2009/05/30/how-to-do-a-full-css-reset-on-an-arbitrary-selector-with-compass/</link>
		<comments>http://britg.com/2009/05/30/how-to-do-a-full-css-reset-on-an-arbitrary-selector-with-compass/#comments</comments>
		<pubDate>Sat, 30 May 2009 23:42:10 +0000</pubDate>
		<dc:creator>britg</dc:creator>
				<category><![CDATA[html/css]]></category>
		<category><![CDATA[compass]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[sass]]></category>

		<guid isPermaLink="false">http://britg.com/?p=914</guid>
		<description><![CDATA[Compass comes with a very handy utility for completely resetting the styling accross all browsers.  In the author&#8217;s own words on the github wiki:
The Reset module provides mixins that allow you to reset your html so that every element has browser-supplied no styling
The default compass stylesheet comes with this module included, i.e. the @import [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-923" href="http://britg.com/2009/05/30/how-to-do-a-full-css-reset-on-an-arbitrary-selector-with-compass/compass/"><img class="alignright size-medium wp-image-923" title="compass" src="http://britg.com/blog/wp-content/uploads/2009/05/compass-300x80.png" alt="compass" width="300" height="80" /></a><a href="http://compass-style.org/">Compass</a> comes with a very handy utility for completely resetting the styling accross all browsers.  In the author&#8217;s own words on the <a href="http://wiki.github.com/chriseppstein/compass/compass-core-reset-module">github wiki</a>:</p>
<blockquote><p>The Reset module provides mixins that allow you to reset your html so that every element has browser-supplied no styling</p></blockquote>
<p>The default compass stylesheet comes with this module included, i.e. the <code>@import compass/reset.sass</code> you see at the top, and spits out the reset styles into the global namespace.</p>
<p>But, lets say you have a separate stylesheet that is to be included on a third party domain and that is namespaced under a selector.  You can still take advantage of the Compass reset styling through the following method:</p>
<pre class="brush: css;">@import compass/utilities/general/reset.sass

#hh
  +global-reset</pre>
<p>The result is the complete resetting of every child element of your namespace, i.e:</p>
<pre class="brush: css;">...
  #hh div, #hh span, #hh object, #hh iframe, #hh h1, #hh h2, #hh h3, #hh h4, #hh h5, #hh h6, #hh p,
  #hh pre, #hh a, #hh abbr, #hh acronym, #hh address, #hh code, #hh del, #hh dfn, #hh em, #hh img,
  #hh dl, #hh dt, #hh dd, #hh ol, #hh ul, #hh li, #hh fieldset, #hh form, #hh label, #hh legend, #hh caption, #hh tbody, #hh tfoot, #hh thead, #hh tr {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline; }

...</pre>
]]></content:encoded>
			<wfw:commentRss>http://britg.com/2009/05/30/how-to-do-a-full-css-reset-on-an-arbitrary-selector-with-compass/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
