Import Bootstrap LESS-Dateien

So, ich bin versucht, zu importieren die bootstrap-Taste.weniger Datei in mein eigenes Projekt. Aber in diesem Fall möchte ich nur die Gefahr, Taste, css-Zeug und die core-button-Klassen.

Etwas entlang der Linien von 

    .my_custom_button {
    .btn();
    .btn-danger();
    .btn-small();
}

Aber ich glaube nicht, vor allem müssen alle die anderen Sachen. z.B. die warnfarbe-Klasse etc. Derzeit mit:

    @import "mixins.less";
    @import "variables.less";
    @import "buttons.less";

Ich bin der Import der gesamten css-Datei in meinem Projekt gibt es eine Möglichkeit, kann ich dies vermeiden (ich bin ein KLEINER noob) oder ist dies nur eine Folge der weniger?

InformationsquelleAutor George Wilson | 2013-06-08
  1. 9

    Jetzt in etwa 1,5

    WENIGER als 1.5 kann ein import nur als eine Referenz (so können Sie die Mixins in Verbindung, ohne den code kompiliert). Wie diese:

    @import (reference) "mixins.less";
@import (reference) "variables.less";
@import (reference) "buttons.less";

.my_custom_button {
  .btn();
  .btn-danger();
  .btn-small();
}
    InformationsquelleAutor ScottS
  2. 0

    Die Gefahr Stil ist genau dies:

    .btn-danger {
  .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
}

    Also, kurz gesagt, Sie brauchen nicht die buttons.less Datei.

    • Aber ich bekomme immer noch die Polsterung und die Größe der Informationen aus der .btn-small () - details? Ich brauche die anderen details von meinen 3 Klassen
    • OK, so kann ich kopieren Sie die Tasten styling accross - aber diese Art von Niederlagen das Ziel, die WENIGER code - irgendwelche Ideen, wie ich vermeiden kann, dass ohne zu kopieren-Schaltflächen.weniger?
    • Wenn Sie andere Stile, Sie zu kopieren ist der Weg. Sie können nicht importieren nur "ein paar Sachen aus einer Datei": import: alles oder nichts. Dies wahrscheinlich gilt für alle Programmiersprachen.
    • Zu befürchten, so viel :/ ich hatte gehofft, durch die .btn-small(); es war mehr wie importieren Sie die Datei mit der entsprechenden dann die relevanten Funktionen als auch der gesamte Inhalt der Datei in die css-Datei
    • Hey klar will Mixins in Verbindung und andere Funktionen, die von WENIGER.
    InformationsquelleAutor gustavohenke
Schreibe einen Kommentar