<?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>idealMind &#187; css variables</title>
	<atom:link href="http://blog.idealmind.com.br/tag/css-variables/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.idealmind.com.br</link>
	<description>Soluções que facilitam a sua vida</description>
	<lastBuildDate>Mon, 26 Dec 2011 00:11:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Variáveis, flexibilidade e código mais limpo no CSS?</title>
		<link>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/</link>
		<comments>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/#comments</comments>
		<pubDate>Sun, 22 Nov 2009 16:06:44 +0000</pubDate>
		<dc:creator>Wellington Ribeiro</dc:creator>
				<category><![CDATA[geral]]></category>
		<category><![CDATA[.sass]]></category>
		<category><![CDATA[background css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css gradient]]></category>
		<category><![CDATA[css style]]></category>
		<category><![CDATA[css variables]]></category>
		<category><![CDATA[gradient css firefox]]></category>
		<category><![CDATA[variáveis css]]></category>

		<guid isPermaLink="false">http://blog.idealmind.com.br/?p=240</guid>
		<description><![CDATA[O .sass é uma forma diferente de se escrever CSS, pois no final do processo o código é compilado em CSS. O código ficou muito mais limpo, sem repetições, e o melhor: com uso de variáveis no CSS! Achei muito interessante a rapidez e a flexibilidade do desenvolvimento de botões estilizados puramente em CSS, com gradiente e cantos arredondados.]]></description>
			<content:encoded><![CDATA[<div id="HOTWordsTxt" name="HOTWordsTxt"><p>Olá!</p>
<p>Bom, que o CSS é uma ferramenta que há um tempinho atrás trouxe uma nova cara à web todo mundo sabe. Sabemos que ele facilita muito a vida.</p>
<p>Porém, hoje recebi uma mensagem no Twitter que me redirecionou para <a href="http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/" target="_blank">http://brandonmathis.com/blog/2009/11/19/fancy-buttons-are-here/</a>, e achei muito interessante a rapidez e a flexibilidade do desenvolvimento de botões estilizados puramente em CSS, com gradiente e cantos arredondados.</p>
<p>Durante o vídeo, vi que o autor trabalha com HTML e um arquivo de extensão .sass, com um código que lembra o CSS, mas que parece ser mais poderoso. Googleei e encontrei <a href="http://sass-lang.com/" target="_blank">http://sass-lang.com/</a>.</p>
<p>Pelo que entendi, o .sass é uma forma diferente de se escrever CSS, ou, se você preferir, é um framework CCS, pois no final do processo o código é compilado em CSS. O código .sass é muito mais limpo, sem repetições, e o melhor: com uso de variáveis no CSS! No vídeo do primeiro link dá para se ter uma idéia&#8230;</p>
<p>Uma das desvantagens é que, pelo que entendi, somente funciona com Ruby. Então eu não consegui testar.</p>
<p>De qualquer forma, fica aí a dica e, se você resolver experimentar (e tiver como), deixe um comentário com a sua experiência!</p>
<p>Até!<br />
<h3 class='related_post_title'>Posts Relacionados:</h3>
<ul class='related_post'>
<li><a href='http://blog.idealmind.com.br/geral/apresentando-o-css3-e-o-html-5/' title='Apresentando o CSS 3 e o HTML 5'>Apresentando o CSS 3 e o HTML 5</a></li>
</ul>
</div>]]></content:encoded>
			<wfw:commentRss>http://blog.idealmind.com.br/geral/variaveis-flexibilidade-e-codigo-mais-limpo-no-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

