Using SASS and Compass to Solve 2 CSS files into 1 CSS File

image.png

I’m currently building a simple SenchaTouch app that includes a twitter stream.  The example CSS that came with the app was global  in nature.  That is, it set styles on all image tags, h2 tags, etc.  Here is what it looks like:   h2 { font-weight: bold; padding-bottom: 3px; } img { border-radius: 5px; float: left; } .tweet { font-size: 70%; margin-left: 60px; color: #333; min-height: 50px; } .x-list-item { border-top: 1px solid white; } .posted { float: right; } What this does is every img tag will get a float left.  Very bad!  So, I’ already using Sass (style with attitude) and compass in my app so all I need to do is wrap the code that actually … Continue Reading

Follow

Get every new post delivered to your Inbox

Join other followers: