Here is the code I am working with:
table {
thead {
th{
background-color: @grey-1;
...
}
}
position: relative;
&.option1 {
thead {
th {
background - color: @grey-2;
...
}
}
}
&.option2 {
thead {
th {
background - color: @grey-3;
...
}
}
}
&.option3 {
thead {
th {
background - color: @grey-4;
...
}
}
}}
I also have a new class to add:
.clean {background-color: transparent;}
My goal is to set the table's th background to be transparent:
<table class = "option1 clean"> </table>
In summary, I need to modify my less file by incorporating the .clean class so that "table .option1 .clean" will have a transparent background without using !important or adding .clean to every .optionX class.
Any suggestions?
Thank you!