Hey everyone.
I’ll cut to the chase.. I’m using LESS for the first time and trying to figure out something which seems pretty straight forward, but is proving not to be.
I have a 8 sections, each with their own unique background color. Inside each section is a link. I want this link to inherit the background color of its parent section. I then want to saturate it by 20%. Something like this:
section a{
background: saturate(@parent-bg-color, 20%);
}
Can I do this without having to specify background colors for each one? I’d like to avoid this:
section#one a{
background: saturate(@section1-color, 20%);
}
section#two a{
background: saturate(@section2-color, 20%);
}
section#three a{
background: saturate(@section3-color, 20%);
}
etc.. etc..
