Skip to main content
replaced http://es.stackoverflow.com/ with https://es.stackoverflow.com/
Origen Enlace

Ya que LESS es un superconjunto de CSS es decir la sintaxis de CSS es válida en LESS

Tu código

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Quedaría así en LESS

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Es decir no requiere modificación alguna. =)

Ahora bien si lo que quieres es aprovechar las ventajes de LESS frente a CSS puedes hacerlo como la respuesta de Daniel Hernándezla respuesta de Daniel Hernández

Ya que LESS es un superconjunto de CSS es decir la sintaxis de CSS es válida en LESS

Tu código

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Quedaría así en LESS

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Es decir no requiere modificación alguna. =)

Ahora bien si lo que quieres es aprovechar las ventajes de LESS frente a CSS puedes hacerlo como la respuesta de Daniel Hernández

Ya que LESS es un superconjunto de CSS es decir la sintaxis de CSS es válida en LESS

Tu código

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Quedaría así en LESS

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Es decir no requiere modificación alguna. =)

Ahora bien si lo que quieres es aprovechar las ventajes de LESS frente a CSS puedes hacerlo como la respuesta de Daniel Hernández

Origen Enlace
Carlos Muñoz
  • 13.5k
  • 2
  • 47
  • 67

Ya que LESS es un superconjunto de CSS es decir la sintaxis de CSS es válida en LESS

Tu código

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Quedaría así en LESS

.Item {
  box-sizing: content-box;
  display: inline-block;
  width: 259px;
  margin-right: 2em;
  margin-bottom: 40px;
}
.Item-name {
  margin-bottom: 0;
  margin-top: 0;
  height: 45px;  
  display: -o-inline-box;
}
.Item-price {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.12em;      
}

Es decir no requiere modificación alguna. =)

Ahora bien si lo que quieres es aprovechar las ventajes de LESS frente a CSS puedes hacerlo como la respuesta de Daniel Hernández