Als «less» getaggte Fragen

Less ist ein Open-Source-Stylesheet-Präprozessor, der CSS um dynamisches Verhalten wie Variablen, Mixins, Operationen und Funktionen erweitert. Verwenden Sie für den UNIX-Befehl [less-unix].

4
Weniger aggressive Kompilierung mit CSS3 calc
Die von mir verwendeten weniger Compiler ( OrangeBits und dotless 1.3.0.5 ) übersetzen aggressiv body { width: calc(100% - 250px - 1.5em); } in body { width: calc(-151.5%); } Welches ist offensichtlich nicht erwünscht. Ich frage mich, ob es eine Möglichkeit gibt, dem Less-Compiler zu signalisieren, dass das Attribut während …


9
CSS-Datei in .less-Datei importieren
Können Sie CSS-Dateien in .less-Dateien importieren ...? Ich bin mit weniger ziemlich vertraut und benutze es für meine gesamte Entwicklung. Ich benutze regelmäßig eine Struktur wie folgt: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Alle Importe sind andere .less-Dateien und funktionieren ordnungsgemäß. Mein aktuelles Problem ist folgendes: …
228 css  import  less 

2
Ändern Sie die Alpha-Deckkraft der Variablen WENIGER
Mit WENIGER weiß ich, dass ich die Sättigung oder den Farbton einer Farbvariablen ändern kann. Das sieht so aus: background: lighten(@blue, 20%); Ich möchte jedoch die Alpha-Deckkraft meiner Farbe ändern. Am liebsten so: background: alpha(@blue, 20%); Gibt es eine einfache Möglichkeit, dies in WENIGER zu tun?
171 css  variables  less  opacity  alpha 

4
Wie konvertiere ich eine hexadezimale Farbe mit dem Less-Compiler in rgba?
Ich habe folgenden Code: @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)); Ich muss konvertieren …
131 css  less 

6
Verketten Sie Zeichenfolgen in Less
Ich denke, das ist nicht möglich, aber ich dachte, ich frage, falls es einen Weg gibt. Die Idee ist, dass ich eine Variable für den Pfad zum Webressourcenordner habe: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Ich bekomme das als Ergebnis: .px { background-image: url("../img/" "test.css"); …
129 css  path  web  less  concat 

4
Sofortige Kinderauswahl in WENIGER
Gibt es sowieso WENIGER, um den unmittelbaren untergeordneten Selektor (>) in seiner Ausgabe anzuwenden? In meinem Stil möchte ich so etwas schreiben wie: .panel { ... > .control { ... } } und WENIGER etwas erzeugen lassen wie: .panel > .control { ... }
112 css  css-selectors  less 

7
Gibt es eine SASS.js? So etwas wie LESS.js?
Ich habe LESS.js schon einmal benutzt. Es ist einfach zu bedienen, so etwas wie <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Ich habe SASS.js gesehen . Wie kann ich es auf ähnliche Weise verwenden? Analysieren einer SASS-Datei zur sofortigen Verwendung in HTML. Es scheint, als ob SASS.js eher für Node.js …
112 css  sass  less 



3
WENIGER CSS-Verschachtelungsklassen
Ich verwende WENIGER, um mein CSS zu verbessern, und versuche, eine Klasse innerhalb einer Klasse zu verschachteln. Es gibt eine ziemlich komplizierte Hierarchie, aber aus irgendeinem Grund funktioniert meine Verschachtelung nicht. Ich habe das: .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 


2
Hat WENIGER eine "Erweitern" -Funktion?
SASS verfügt über eine Funktion namens @extend, mit der ein Selektor die Eigenschaften eines anderen Selektors erben kann, ohne jedoch die Eigenschaften (wie Mixins) zu kopieren. Hat WENIGER auch diese Funktion?
93 css  sass  less  extend 



Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.