MENOS css no funciona, ¿qué pasa con esta configuración?

Question

Soy nuevo en menos css y lo intento. He hecho la siguiente

He añadido este div

<div class="myclass">This is a test of LESS CSS</div> 

y en el mystyles.less, añadió esta

.somepattern(@color: red, @size: 16px) { 
    font-size:@size; 
    font-weight:bold; 
    border:2px solid @color; 
} 

.myclass { 
    .somepattern(); 
} 

Cuando cambio la sintaxis de esto, se trabaja, lo que significa que el problema está en la sintaxis de la llamada .somepattern. Intenté .somepattern() y .somepattern y somepattern pero nada funciona. La única cosa que funciona es la manera simple y llano de tener el código de la clase en sí

.myclass { 
    font-size:16px; 
    font-weight:bold; 
    border:2px solid red; 
} 

Answer 1

Usted no tiene que utilizar .somepattern(); simplemente somepattern;

Así:

 
.somepattern(@color: red, @size: 16px) { 
    font-size:@size; 
    font-weight:bold; 
    border:2px solid @color; 
} 

.myclass { 
    .somepattern; 
}

Answer 2

Tienes para usar "stylesheet/less" en lugar de "stylesheet" simple como el parámetro rel. Debe tener un aspecto como este:

<link href="mystyles.less" media="screen" rel="stylesheet/less" type="text/css" />