'Define' functionality in CSS?

[Jonathan Brady]

I couldn't find this anywhere so I'm not sure that it exists.

In most programming languages, one can define a value and then uses that
value by referencing the name in all of the source, and if that value
needs to be changed, then it's a simple matter of changing the
definition, and the change will be reflected of course throughout the
whole thing.

Example:

#define d_length: 20;

and then use 'd_length' in functions instead of typing 20. If you change
the definition then the value changes throughout.

I would like to be able to do something like:

#define color_1: red;
#define size_1: 0.9em;

p {
background-color: color_1;
font-size: size_1;
}
h1 { background-color: color_1; }

td {
width: 20px;
font-size: size_1;
}

This could come in very handy in creating similar stylesheets to create
various schemes.

Is there something like that in CSS and I missed it somehow, or is such
functionality non-existant in CSS?

--
J Brady

[Steve Pugh]

Jonathan Brady <jb****@removethisspamkiller.myfmail.com> wrote:

In most programming languages, one can define a value and then uses that
value by referencing the name in all of the source,
True, but...
Is there something like that in CSS and I missed it somehow, or is such
functionality non-existant in CSS?

CSS is not a programming language.

Use a programming language to output your CSS.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[vKp]

Jonathan Brady wrote:

I couldn't find this anywhere so I'm not sure that it exists.

In most programming languages, one can define a value and then uses that
value by referencing the name in all of the source, and if that value
needs to be changed, then it's a simple matter of changing the
definition, and the change will be reflected of course throughout the
whole thing.

[SNIP]

Is there something like that in CSS and I missed it somehow, or is such
functionality non-existant in CSS?

No such functionality. Run your CSS through a preprocessor (such as
PHP). That's exactly what most languages do with DEFINE statements -
preprocess them.

[Stan Brown]

In article <00*****************************@enews.newsguy.com > in
comp.infosystems.www.authoring.stylesheets, Jonathan Brady
<jb****@removethisspamkiller.myfmail.com> wrote:

In most programming languages, one can define a value and then uses that
value by referencing the name in all of the source, and if that value
needs to be changed, then it's a simple matter of changing the
definition, and the change will be reflected of course throughout the
whole thing.

If only there were a FAQ we could point people to. (*)

Brady's is a _very_ common request, but the answer is: not within
CSS. Use some sort of preprocessor -- you maintain files with
#define or the like, and the preprocessor outputs your actual CSS
files.

(*) I mean one that is actually maintained. :-(

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
validator: http://jigsaw.w3.org/css-validator/

[Tim]

On Thu, 14 Aug 2003 14:53:20 -0400,
Jonathan Brady <jb****@removethisspamkiller.myfmail.com> wrote:

I couldn't find this anywhere so I'm not sure that it exists.

In most programming languages, one can define a value and then uses that
value by referencing the name in all of the source, and if that value
needs to be changed, then it's a simple matter of changing the
definition, and the change will be reflected of course throughout the
whole thing.

This could come in very handy in creating similar stylesheets to create
various schemes.

For common variables across different stylesheets, having something
generate your CSS for you would be the best solution.

For common things within a single stylesheet, you can write your
stylesheets in a different manner.

e.g. Put common stuff at the start:

p, td, div {color:red; background-color:white;}
h1, h2, th {color:blue: background-color:yellow;}

Then continue to define the individual stuff, later:

p {margin:auto; max-width: 55em;}
div {border: thin solid black;}
th {padding: 0.3em;}

--
My "from" address is totally fake. The reply-to address is real, but
may be only temporary. Reply to usenet postings in the same place as
you read the message you're replying to.

[Jonathan Brady]

On Fri, 15 Aug 2003 14:07:06 -0400, Tim wrote
(in message <ta********************************@4ax.com>):

For common variables across different stylesheets, having something
generate your CSS for you would be the best solution.

For common things within a single stylesheet, you can write your
stylesheets in a different manner.

e.g. Put common stuff at the start:

p, td, div {color:red; background-color:white;}
h1, h2, th {color:blue: background-color:yellow;}

Then continue to define the individual stuff, later:

p {margin:auto; max-width: 55em;}
div {border: thin solid black;}
th {padding: 0.3em;}

I've been doing this so far. But it's a kludge of a solution.

I was simply looking to see if I overlooked the functionality before
building my own solution.

--
J Brady