import.plik css do.less file

Możesz zaimportować .pliki css do .mniej plików...?

Jestem całkiem zaznajomiony z less i używam go do całego mojego rozwoju. Regularnie używam struktury w następujący sposób: 
@import "normalize";

//styles here

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

Wszystkie importy są inne .mniej plików i wszystko działa tak jak powinno.

Mój obecny numer to: Chcę importować A.plik css do .mniej, że odwołuje się do stylów używanych w .plik css w następujący sposób: 

@import "../style.css";

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

The .plik css zawiera klasę o nazwie .type, ale gdy próbuję skompilowaćless file I get the błąd NameError: .type is undefined

Will the .less file not import .pliki css, tylko inne .mniej...? Czy źle o tym mówię?..?!

Author: ZnArK, 2012-06-26
Source

9 answers

Możesz wymusić interpretację pliku jako określonego typu przez podanie opcji, np.: 

@import (css) "lib";

Wyświetli 

@import "lib";

I 

@import (less) "lib.css";

Zaimportuje plik lib.css i potraktuje go jako mniej. Jeśli określisz, że plik jest mniejszy i nie zawiera rozszerzenia, żaden nie zostanie dodany.

 282
Author: Fractalf,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-04-24 14:53:25

Jeśli chcesz, aby twój CSS został skopiowany do wyjścia bez przetwarzania, możesz użyć (inline) dyrektywa . np., 

@import (inline) '../timepicker/jquery.ui.timepicker.css';
 230
Author: mpen,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-03-21 22:57:25

zmień rozszerzenie pliku css na .less. Nie musisz pisać w nim mniej; wszystkie CSS są poprawne mniej (z wyjątkiem rzeczy MS, które musisz uciec, ale to inna sprawa.)

Na odpowiedź fraktala {[8] } to jest ustalone w v1.4.0

 27
Author: Mathletics,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2017-05-23 12:03:03

Musiałem użyć poniższego z wersją 1.7.4 

@import (less) "foo.css"
Wiem, że akceptowana odpowiedź to @import (css) "foo.css", ale nie zadziałała. Jeśli chcesz ponownie użyć swojej klasy css w Nowym pliku less, musisz użyć (less), a nie (css).

Sprawdź dokumentację.

 24
Author: Gudradain,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-09-12 15:32:45

From the LESS website:

Jeśli chcesz zaimportować plik CSS, a nie mniej go przetworzyć, po prostu użyj .rozszerzenie css:

@import " lib.css"; dyrektywa zostanie pozostawiona tak, jak jest i skończy się w wyjściu CSS.

Jak wskazuje jitbit w komentarzach poniżej, jest to naprawdę przydatne tylko dla celów programistycznych, ponieważ nie chciałbyś mieć niepotrzebnych @imports zużywających cenną przepustowość.

 8
Author: Quantastical,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-03-05 05:13:31

Try this: 

@import "lib.css";

Z oficjalnej dokumentacji:

Możesz importować zarówno pliki css, jak i less. Import tylko mniej plików instrukcje są przetwarzane, instrukcje importu plików css są przechowywane tak, jak są. Jeśli chcesz zaimportować plik CSS, a nie chcesz mniej przetwarzać to, po prostu użyj .rozszerzenie css:

Źródło : http://lesscss.org/

 7
Author: Dr.Kameleon,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-03-05 05:16:23

Jeśli chcesz zaimportować plik CSS jako odniesienie (np. użyć klas w Mixinach), ale nie Dołącz cały plik CSS do wyniku możesz użyć @import (less,reference) "reference.css";:

ojej.mniej 

 @import (less,reference) "reference.css";
 .my-class{
     background-color:black;
     .reference-class;
     color:blue;
 }

Referencja.css 

.reference-class{
    border: 1px solid red;
}

*Result (my.css) z lessc my.less out/my.css * 

.my-class {
  background-color: black;
  border: 1px solid red;
  color: blue;
}

Używam lessc 2.5.3

 6
Author: hinneLinks,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-12-02 12:35:22

Jeśli chcesz zaimportować plik css, który powinien być traktowany jako mniej użyj tej linii: 

.ie {
  @import (less) 'ie.css';
}
 4
Author: Charles,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-10-27 14:36:41

Od wersji 1.5.0 u można używać słowa kluczowego 'inline'.

Przykład: @ import (inline) " not-less-compatible.css";

Użyjesz tego, gdy plik CSS może nie być mniej kompatybilny; dzieje się tak dlatego, że chociaż mniej obsługuje większość znanych standardów CSS, nie obsługuje komentarzy w niektórych miejscach i nie obsługuje wszystkich znanych hacków CSS bez modyfikowania CSS. Możesz więc użyć tego, aby dołączyć plik do wyjścia, aby wszystkie CSS były w jednym pliku.

(źródło: http://lesscss.org/features/#import-directives-feature )

 3
Author: Pieter-Jan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-04-06 12:27:33