Preguntas etiquetadas con less

Los compiladores Less que estoy usando ( OrangeBits y dotless 1.3.0.5 ) están traduciendo agresivamente body { width: calc(100% - 250px - 1.5em); } dentro body { width: calc(-151.5%); } Lo cual obviamente no es deseado. Me pregunto si hay una manera de indicarle al compilador Less que esencialmente ignore …

336 css  compilation  less  css-calc 

Cerrada . Esta pregunta está basada en la opinión . Actualmente no está aceptando respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que pueda ser respondida con hechos y citas editando esta publicación . Cerrado hace 6 años . Mejora esta pregunta Estoy trabajando con Bootstrap 2.0.3 usando MENOS. …

285 twitter-bootstrap  less 

¿Puedes importar archivos .css en archivos .less ...? Estoy bastante familiarizado con menos y lo uso para todo mi desarrollo. Regularmente uso una estructura de la siguiente manera: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Todas las importaciones son otros archivos .less y todo funciona como debería. …

228 css  import  less 

Usando LESS, sé que puedo cambiar la saturación o el tinte de una variable de color. Eso se ve así: background: lighten(@blue, 20%); Sin embargo, quiero cambiar la opacidad alfa de mi color. Preferiblemente así: background: alpha(@blue, 20%); ¿Hay una manera simple de hacer esto en MENOS?

171 css  variables  less  opacity  alpha 

Tengo el siguiente código: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Necesito convertirme @colora …

131 css  less 

Creo que esto no es posible, pero pensé preguntar en caso de que haya alguna manera. La idea es que tengo una variable para la ruta a la carpeta de recursos web: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Obtengo esto como resultado: .px { background-image: …

129 css  path  web  less  concat 

¿Hay alguna forma de que LESS aplique el selector secundario inmediato (>) en su salida? En mi estilo. Sin, quiero escribir algo como: .panel { ... > .control { ... } } y haz que MENOS genere algo como: .panel > .control { ... }

112 css  css-selectors  less 

He usado LESS.js antes. Es fácil de usar, algo como <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Vi SASS.js . ¿Cómo puedo usarlo de manera similar? Analizar un archivo SASS para usarlo inmediatamente en HTML. ¿Parece que SASS.js se usa más con Node.js ? var sass = require('sass') sass.render('... string …

112 css  sass  less 

He instalado iconos de font-awesome 4.0.3 usando npm install. Si necesito usarlo desde los módulos de nodo, ¿cómo debo usarlo en el archivo html? Si necesito editar el archivo menos, ¿necesito editarlo en módulos de nodo?

111 css  node.js  less  npm  font-awesome 

Quiero usar Twitter Bootstrap, pero solo en elementos específicos, así que necesito encontrar una manera de prefijar todas las clases de Twitter Bootstrap con mi prefijo, o usar menos mixins. Todavía no tengo experiencia con esto, así que no entiendo muy bien cómo hacerlo. Aquí hay un ejemplo del HTML …

106 twitter-bootstrap  less 

Estoy usando MENOS para mejorar mi CSS y estoy tratando de anidar una clase dentro de una clase. Hay una jerarquía bastante complicada, pero por alguna razón mi anidación no funciona. Tengo esto: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { …

101 css  nested  less 

Calcularé el ancho en algún elemento de porcentaje a píxel, por lo que haré menos -10 px usando LESS y calc () . ¿Es posible? div { span { width:calc(100% - 10px); } } Estoy usando CSS3 calc()para que no funcione:calc(100% - 10px) Ejemplo: si 100% = 500px entonces ancho …

100 css  less  pixel 

SASS tiene una característica llamada @extendque permite que un selector herede las propiedades de otro selector, pero sin copiar las propiedades (como mixins). ¿LESS también tiene esta función?

93 css  sass  less  extend 

En VS <= 2015 podemos usar la extensión WebEssentials que se encarga de compilar los archivos less / sass por nosotros, pero actualmente no es compatible con VS 2017. ¿Conoce una extensión similar que puede compilar less / sass en la compilación?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

Sería bueno envolver estilos css para diferentes resoluciones dentro de algunas clases css usando less. Me gustaría hacer algo como: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Al final, algo como esto debería ser el resultado: …

81 css  responsive-design  less  media-queries