Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Managing different coloured pages (with different coloured elements) in LESS Re: Managing different coloured pages (with different coloured elements) in LESS

#143254
grimski
Participant

Hi @TheDoc, thanks for the reply.

That’d work but I think the only problem would be I’d have to put every single element within body{}

So maybe I’d be better off just sticking with:

p,
ol,
ul,
dl,
address {
color: @textcolor;
.font-size(13);
line-height: @baselineheight;
margin-bottom: @baseline;
text-shadow: 0 1px 0 rgba(255,255,255,.25);
}

.green {
p,
ol,
ul,
dl,
address {
color: @textcolorgreen;
}
}

.yellow {
p,
ol,
ul,
dl,
address {
color: @textcoloryellow;
}
}

It all seems like a lot of code (And thats just one bit, I’d have to do it for table colours, form colours, blockquotes, definition lists etc!), but the designs require these different colours, so I really don’t think theres a nice, clean , simple way around it? Other than having a separate .LESS file, where just colours of elements are declared for the other themes. That way it keeps it out of the way of the other CSS – but then again, it would just be the same amount of code.