importar.archivo css en.menos archivo
Puede importar .archivos css en .menos archivos...?
Estoy bastante familiarizado con menos y lo uso para todo mi desarrollo. Utilizo regularmente una estructura de la siguiente manera:
@import "normalize";
//styles here
@import "mixins";
@import "media-queries";
@import "print";
Todas las importaciones son otras .menos archivos y todo funciona como debería.
Mi problema actual es este: Quiero importar un .archivo css en .menos que las referencias a los estilos utilizados en el .archivo css de la siguiente manera:
@import "../style.css";
.small {
font-size:60%;
.type;
}
// other styles here
El.el archivo css contiene una clase llamada .type pero cuando intento compilar el .menos archivo consigo el error NameError: .type is undefined
Será el .menos archivo no importar .archivos css, solo otros.menos...? O lo estoy haciendo mal...?!
9 answers
Puede forzar que un archivo se interprete como un tipo particular especificando una opción, por ejemplo:
@import (css) "lib";
Producirá
@import "lib";
Y
@import (less) "lib.css";
Importará el archivo lib.css y lo tratará como menos. Si especifica que un archivo es menor y no incluye una extensión, no se agregará ninguno.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-24 14:53:25
Si desea que su CSS se copie en la salida sin ser procesado, puede utilizar el (inline) directiva . por ejemplo,
@import (inline) '../timepicker/jquery.ui.timepicker.css';
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-03-21 22:57:25
Cambie la extensión de archivo de su archivo css a .less. No necesitas escribir MENOS en él; todo CSS es válido MENOS (excepto las cosas de MS de las que tienes que escapar, pero ese es otro problema.)
Por Respuesta de Fractalf esto está arreglado en v1.4.0
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:03:03
Tuve que usar lo siguiente con la versión 1.7.4
@import (less) "foo.css"
Sé que la respuesta aceptada es @import (css) "foo.css" pero no funcionó. Si desea reutilizar su clase css en su nuevo archivo less, debe usar (less) y no (css).
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-09-12 15:32:45
Desde el sitio web LESS :
Si desea importar un archivo CSS y no desea que LESS lo procese, solo usa el .extensión css:
@ import " lib.css"; La directiva simplemente se dejará como está, y terminará en la salida CSS.
Como jitbit señala en los comentarios a continuación, esto es realmente solo útil para fines de desarrollo, ya que no querría tener @imports innecesarios consumiendo un valioso ancho de banda.
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-05 05:13:31
Prueba esto:
@import "lib.css";
De la Documentación Oficial:
Puede importar archivos css y less. Importar solo menos archivos las declaraciones se procesan, las declaraciones de importación de archivos CSS se mantienen como ser. Si desea importar un archivo CSS, y no desea que LESS procese sólo usa el .extensión css:
Fuente : http://lesscss.org/
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-03-05 05:16:23
Si solo desea importar un archivo CSS como Referencia (por ejemplo, para usar las clases en Mixins) pero no incluir todo el archivo CSS en el resultado, puede usar @import (less,reference) "reference.css";:
mi.menos
@import (less,reference) "reference.css";
.my-class{
background-color:black;
.reference-class;
color:blue;
}
referencia.css
.reference-class{
border: 1px solid red;
}
* Resultado (my.css) con lessc my.less out/my.css *
.my-class {
background-color: black;
border: 1px solid red;
color: blue;
}
Estoy usando lessc 2.5.3
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-12-02 12:35:22
Si desea importar un archivo css que debe ser tratado como menos use esta línea:
.ie {
@import (less) 'ie.css';
}
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-10-27 14:36:41
Desde la versión 1.5.0 u puede usar la palabra clave 'inline'.
Ejemplo: @import (inline) "no menos compatible.css";
Usará esto cuando un archivo CSS no sea menos compatible; esto se debe a que aunque Less soporta la mayoría de los estándares CSS conocidos, no soporta comentarios en algunos lugares y no soporta todos los hacks CSS conocidos sin modificar el CSS. Así que puede usar esto para incluir el archivo en la salida para que todo CSS esté en un archivo.
(fuente: http://lesscss.org/features/#import-directives-feature )
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-06 12:27:33