Hi,
I just renamed woocommerce-mod.css to woocommerce-mod.less to make some fine tunings for a site I am working.
When compiling the code I got a series of errors that was able to fix as follow:
Add the following lines at the beginning:
/**
* include fixes to be able to compile with less
* @since 13/03/2021
* by camaleo, info@myeasywp.com
*/
@opacity: 0.5;
@opacityIE: @opacity * 100;
Change:
a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacity * 100);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
To:
a.button.loading,button.button.loading,input.button.loading,#review_form #submit.loading{filter:alpha(opacity=@opacityIE);-moz-opacity:@opacity;-khtml-opacity:@opacity;opacity:@opacity;}
Change:
.mousetrap{
top:5px !important;
left:5px !important;
width:100% !important;
Height:100% !important;
}
To - the last height statement needs to be lowercase:
.mousetrap{
top:5px !important;
left:5px !important;
width:100% !important;
height:100% !important;
}
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
