Tag Archives: CSS

So if you are using 1140 grid you can make sure your text and line heights scale evenly within your columns by using ems for you max-width. Find the line in your 1140 Grid CSS that says max-width 1140px. Calculate the ems by dividing 1140 by your base font-size. Now change the max-width from 1140px to this new value in ems. Now when you zoom in and out your should find that your text scales beautifully.

I’ve actually had this in the Twenty Till Noon theme for a while and it’s been working great. Continue reading →

Posted on by C. Scott Asbach | Leave a comment

Cross-Browser Opacity that Stops Inheritance

Posted on by C. Scott Asbach
opacity

Luckily we now have rgba() in modern standards compliant browsers (read not Internet Explorer). Not only does rgba() allow you to create transparent backgrounds without passing inheritance, but it allows you to declare it on a single css property instead of setting the entire element to one level of opacity. No inheritance AND more granular control, what’s not to love? Continue reading →

Posted in Tutorials | Tagged , , , , , , , , , , , | 6 Comments