Home › Forums › CSS › Managing different coloured pages (with different coloured elements) in LESS › Re: Managing different coloured pages (with different coloured elements) in LESS
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.