¿Cómo calcular porcentajes en MENOS CSS?

Question

Me gustaría calcular el ancho de child-container (div etc) en porcentajes dependiendo del contenedor principal con LESS CSS.

Estoy usando la forumula de Ethan Marcotte: target/context = result.

contenedor

Padres: 620px
contenedor secundario: 140px

estoy usando este cálculo:

div.child-container { 
    width: (140/620)*100%; 
} 

Sin embargo, la salida es:

div.child-container { 
    width: 0.2258064516129; 
} 

me gustaría mover el decimal señale dos dígitos y agregue el%, como este:

div.child-container { 
    width: 22.58064516129%; 
} 

Cualquier sugerencia muy apreciada.

Answer 1

De acuerdo con la LESS CSS website, es necesario cambiar el orden de la ecuación

La salida es más o menos lo que espera-MENOS entiende la diferencia entre los colores y las unidades. Si una unidad se utiliza en una operación, como en:

@var: 1px + 5; 

MENOS utilizará esa unidad para la final output- 6px en este caso.

Debería ser:

width: 100%*(140/620); 

Answer 2

Tal vez la función percentage no existía cuando OP estaba pidiendo, pero para futuras referencias que añadir esta respuesta.

div.child-container { 
    width: percentage(140/620); 
}