CascadingRubies - Tulsa Ruby User Group

Message from discussion CascadingRubies
Received-SPF: neutral (google.com: 72.14.220.154 is neither permitted nor denied by best guess record for domain of jrich...@jetfive.com) client-ip=72.14.220.154;
Mime-Version: 1.0
Content-Type: multipart/alternative;
	boundary="001485f2764eab1534046b69a17b"
In-Reply-To: <6340ac5f0906022009p432d0a4am8792b9143aeec683@mail.gmail.com>
References: <efcb04aa0906022005i36d22f0fl8427b9e0b451ec64@mail.gmail.com>
	 <6340ac5f0906022009p432d0a4am8792b9143aeec683@mail.gmail.com>
Date: Tue, 2 Jun 2009 22:55:34 -0500
Message-ID: <62f9f390906022055l7439bcd6h93fea75410d2d052@mail.gmail.com>
Subject: Re: [tulsa.rb] Re: CascadingRubies
From: Justin Richter <jrich...@jetfive.com>
To: tulsarb@googlegroups.com

--001485f2764eab1534046b69a17b
Content-Type: text/plain; charset=windows-1252
Content-Transfer-Encoding: quoted-printable

It looks simple enough, but I have to echo Hornbeck's post.  One thing I
like about SASS is that you don't have to use curly brackets.

On Tue, Jun 2, 2009 at 10:09 PM, John Hornbeck <hornb...@gmail.com> wrote:

> do you see an advantage of this over SASS? Just curious of your reasoning
> behind doing it yourself as opposed to using a very popular library that
> already does something like this.
>
>
>
> On Tue, Jun 2, 2009 at 10:05 PM, Tim Morgan <seve...@gmail.com> wrote:
>
>>
>> I just put some code up on GitHub I'd like to get some feedback on...
>>
>> http://github.com/seven1m/cascading_rubies
>>
>> Basically, it's a Ruby DSL that allows you to write CSS fairly easily.
>> Here's an example:
>>
>> header {
>>  background_color '#eee'
>>  margin_bottom '10px'
>>  nav {
>>    border '1px solid #000'
>>    a(:link, :active, :visited) { color 'blue' }
>>    a(:hover) { color 'red' }
>>  }
>>  div.search {
>>    float 'right'
>>  }
>> }
>>
>> Output:
>>
>> #header { background-color: #eee; margin-bottom: 10px; }
>> #header #nav { border: 1px solid #000; }
>> #header #nav a:link, #header #nav a:active, #header #nav a:visited {
>> color: blue; }
>> #header #nav a:hover { color: red; }
>> #header div.search { float: right; }
>>
>>
>> This started as an experiment, and turned out to be something I think
>> could be useful. Of course, there are some (documented) shortcomings.
>> Just wondering what you guys think. Would you use something like this?
>> Does it need a Rails plugin?
>>
>> Thanks.
>>
>> Oh and BTW, we have a meeting planned for June 15th. Is that a good
>> date for everyone? Any ideas for presentations?
>>
>> -Tim
>>
>>
>>
>
>
> --
> John Hornbeck
> Support Manager
> Engine Yard
> http://engineyard.com
>
> =93Work hard to find something that fascinates you.=94 - Richard Feynman
>
>
> >
>

--001485f2764eab1534046b69a17b
Content-Type: text/html; charset=windows-1252
Content-Transfer-Encoding: quoted-printable

It looks simple enough, but I have to echo Hornbeck&#39;s post.=A0 One thin=
g I like about SASS is that you don&#39;t have to use curly brackets.<br><b=
r><div class=3D"gmail_quote">On Tue, Jun 2, 2009 at 10:09 PM, John Hornbeck=
 <span dir=3D"ltr">&lt;<a href=3D"mailto:hornb...@gmail.com">hornbeck@gmail=
.com</a>&gt;</span> wrote:<br>
<blockquote class=3D"gmail_quote" style=3D"border-left: 1px solid rgb(204, =
204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">do you see an adv=
antage of this over SASS? Just curious of your reasoning behind doing it yo=
urself as opposed to using a very popular library that already does somethi=
ng like this.<div>
<div></div><div class=3D"h5"><br><br><br><div class=3D"gmail_quote">On Tue,=
 Jun 2, 2009 at 10:05 PM, Tim Morgan <span dir=3D"ltr">&lt;<a href=3D"mailt=
o:seve...@gmail.com" target=3D"_blank">seve...@gmail.com</a>&gt;</span> wro=
te:<br>

<blockquote class=3D"gmail_quote" style=3D"border-left: 1px solid rgb(204, =
204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;"><br>
I just put some code up on GitHub I&#39;d like to get some feedback on...<b=
r>
<br>
<a href=3D"http://github.com/seven1m/cascading_rubies" target=3D"_blank">ht=
tp://github.com/seven1m/cascading_rubies</a><br>
<br>
Basically, it&#39;s a Ruby DSL that allows you to write CSS fairly easily.<=
br>
Here&#39;s an example:<br>
<br>
header {<br>
 =A0background_color &#39;#eee&#39;<br>
 =A0margin_bottom &#39;10px&#39;<br>
 =A0nav {<br>
 =A0 =A0border &#39;1px solid #000&#39;<br>
 =A0 =A0a(:link, :active, :visited) { color &#39;blue&#39; }<br>
 =A0 =A0a(:hover) { color &#39;red&#39; }<br>
 =A0}<br>
 =A0div.search {<br>
 =A0 =A0float &#39;right&#39;<br>
 =A0}<br>
}<br>
<br>
Output:<br>
<br>
#header { background-color: #eee; margin-bottom: 10px; }<br>
#header #nav { border: 1px solid #000; }<br>
#header #nav a:link, #header #nav a:active, #header #nav a:visited {<br>
color: blue; }<br>
#header #nav a:hover { color: red; }<br>
#header div.search { float: right; }<br>
<br>
<br>
This started as an experiment, and turned out to be something I think<br>
could be useful. Of course, there are some (documented) shortcomings.<br>
Just wondering what you guys think. Would you use something like this?<br>
Does it need a Rails plugin?<br>
<br>
Thanks.<br>
<br>
Oh and BTW, we have a meeting planned for June 15th. Is that a good<br>
date for everyone? Any ideas for presentations?<br>
<br>
-Tim<br>
<br>
<br>
</blockquote></div><br><br clear=3D"all"><br>-- <br></div></div>John Hornbe=
ck<br>Support Manager<br>Engine Yard<br><a href=3D"http://engineyard.com" t=
arget=3D"_blank">http://engineyard.com</a><br><br>=93Work hard to find some=
thing that fascinates you.=94 - Richard Feynman<div>
<div></div><div class=3D"h5"><br>

<br>
<br>
</div></div></blockquote></div><br>

--001485f2764eab1534046b69a17b--