importer le fichier .css dans un fichier .less

Question

Pouvez-vous importer .les fichiers css .moins de fichiers...?

Je suis assez familier avec moins et d'utiliser pour tout mon développement. J'utilise régulièrement une structure comme suit:

@import "normalize";

//styles here

@import "mixins";
@import "media-queries";
@import "print";

Toutes les importations sont d'autres .moins de fichiers et tout fonctionne comme il se doit.

Ma question est la suivante: Je veux importer une .fichier css .moins que les références styles utilisés dans le .fichier css comme suit:

@import "../style.css";

.small {
    font-size:60%;
    .type;
}
// other styles here

L' .fichier css contient une classe appelée .type , mais lorsque j'essaie de compiler le .moins fichier j'obtiens l'erreur NameError: .type is undefined

Allons le .moins pas de fichier d'importation .les fichiers css, que d'autres .moins chers...? Ou suis-je le référencement tort...?!

Answer 1

Ceci est possible à partir de v. 1.4.0. Officiel docs: http://lesscss.org/features/#import-options-css

Utilisation de @import (css) pour traiter les fichiers importés comme CSS normal, indépendamment de l'extension de fichier. Cela signifie que l'instruction d'importation sera laissé tel qu'il est.

Exemple (légèrement modifié):

@import (css) "foo.css";

sorties

@import "foo.css";

qui, bien sûr, les importations de la donnée .fichier css.

Answer 2

Si vous souhaitez que votre CSS puisse être entièrement copié dans la sortie sans avoir été traitées, vous pouvez utiliser la nouvelle `` directive. par exemple,

Answer 3

J’ai dû utiliser ce qui suit avec la version 1.7.4

Je sais que la réponse acceptée est mais il n’a pas fonctionné. Si vous souhaitez réutiliser votre classe css dans votre nouveau moins de fichier, vous devez utiliser et pas `` .

Consultez la documentation.

Answer 4

<s>Modifiez l’extension de fichier de votre fichier css à `` . Vous n’avez pas besoin d’écrire n’importe quel moins dedans ; toutes les CSS est valable moins (sauf des trucs MS que vous avez à s’échapper, mais c’est une autre question.)</s>

Par réponse de Fractalf , ce problème est corrigé dans v1.4.0

Answer 5

Du MOINS site web:

Si vous souhaitez importer un fichier CSS, et ne veulent pas MOINS, utilisez simplement le .css:

@import "lib.css"; La directive va juste être laissé tel qu'il est, et à la fin de dans le CSS de sortie.

Comme jitbit points dans les commentaires ci-dessous, ce n'est vraiment utile que pour des fins de développement, que vous ne souhaitez pas inutiles @imports consommer de précieuses de la bande passante.