Tell me more ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.
up vote 4 down vote favorite

I was using Less CSS but it creates too much duplication. Each HTML page I have includes 3 different stylesheets; two are common to all the pages (IE-support and 960 grid system) and the third stylesheet is a custom one made for that page. With Less CSS it was duplicating all the CSS code from the 960 grid system into the third stylesheet.

All I need are variables and functions/mixins/classes...basically a way to put duplicate CSS code in multiple spots.

share|improve this question

2 Answers

up vote 1 down vote

It's quite straightforward to use a server-side language to roll your own CSS framework. Here's a basic example in PHP:

<?php
header('Content-Type: text/css');
$blue = '#00f';
$largeText = '24px';
?>

h1 {
  font-size: <?=$largeText?>;
  color: <?=$blue?>;
}

For mixins, you'd need to store the whole chunk of CSS in a string.

share|improve this answer
up vote 6 down vote

There are not enough words with which I can describe how awesome SASS is ... it is exactly what you are looking for. It even has a CSS3 superset mode. It is almost god.

And while you are investigating SASS, take a look at Compass (based on sass) - it has ready templates that you can use as mixins for your styles. It includes 960, Blueprint, YUI, and many others (some via plugins).

share|improve this answer
For some reason the Compass website is not available at the moment, the code is here: github.com/chriseppstein/compass and a quick google search "sass compass" can find plenty tutorials to get your started. – Evgeny Nov 2 '10 at 20:30

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.