Tag: less
Weniger ist ein open-source-stylesheet Präprozessor erweitert CSS mit dynamischem Verhalten wie Variablen, Mixins in Verbindung, Operationen und Funktionen. Für den UNIX-Befehl verwenden [weniger unix].
4
Antworten
Habe ich diese Ordner-Struktur: ~/css/file1.less ~/css/folder/file2.less Was ich tun möchte, ist das importieren von Datei1.weniger im file2.weniger, also in meinen Datei2.weniger habe ich diesen code: @import "../file1.less"; Diese nicht funktionieren, und der compiler Abstürzen, wenn ich das
1
Antworten
Habe ich ein Projekt in Visual Studio 2015 mit Asp.Net MVC 5. Alle meine css-und js-Dateien verwiesen wird, die von bundle (BundleConfig Klasse + @Styles, @Scripts im cshtml Seiten). Nun bin ich mit dem Gedanken ein .weniger-Datei,
3
Antworten
Möchte ich alle importieren von Stilen aus einem anderen weniger-Datei, aber in begrenztem Umfang. Ich versuche dieses: "meine-Website.weniger" .wrapper-class { @import "path/to/styles.less"; } Aber das funktioniert überhaupt nicht. Ich bin mit dem browser-basierten less.js option, und ich
3
Antworten
Ich experimentiere mit yeoman. Ich integrieren möchten weniger in mein yeoman oder grunt erstellen. Aber ich habe nicht gefunden, die ich einfach Weg, es zu tun. Habe ich gefunden yeoman-weniger repository, das bezieht sich auf grunt-contrib-less. Aber
2
Antworten
Ich bin mit bootstrap-datetimepicker und ich wan ' T, um zu färben .today Flagge, aber ich kann nicht finden, Recht css selector. Dies ist, was ich habe: #datetimepicker .dropdown-menu { td.active{ color: red; background-color: blue; } td.today:not(.active)
3
Antworten
Ich versuche zu tun, eine Bestellung im Zusammenhang mit der CSS3 Attribut-Selektoren mit weniger css... Was ich versuche zu tun ist, habe ich dieses folgende Klasse im Einsatz ist in meinem code:- *[class^="ui-icon-"] { /*My Styles*/ }
3
Antworten
Bin ich konfrontiert mit einem problem, wenn Sie WENIGER als stylesheet für meine website. Ich persönlich würde eher einen relativen Pfad in der CSS als einen absoluten Pfad (nur meine Gewohnheit), aber wenn ich jetzt WENIGER mit
3
Antworten
Habe ich einige CSS Regeln und nur schreiben brauche ich Sie in meinem LESS CSS - Datei. Dies ist mein CSS - div.files a > div, div.files a:before { transition: background-color 350ms; } div.files a:hover > div
1
Antworten
Ich Folgendes als pre-build-Ereignis in Visual Studio 2013 kompilieren Bootstrap 3.0 mit Aussparung nach diese Antwort und es funktionierte recess "$(ProjectDir)Content\bootstrap\bootstrap.less" --compress > "$(ProjectDir)Content\bootstrap-compiled.css" Nun funktioniert das nicht bei Bootstrap 3.1.1 und Sie sagen Grunt wird es
2
Antworten
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();
1
Antworten
Ich habe den folgenden code, um Ziel-Tasten sind im deaktivieren Zustand: .btn-default[disabled] { background-color: lighten(@btn-default-bg, 30%) } Ist es möglich, verschachtelte Regeln, um das Ziel disabled-Attribut? etwas ähnliches wie &:Hover Ich denke, man kann... Tut &:disabled Arbeit?
2
Antworten
Ich spielen, um mit Yeoman, grunt, bower, bootstrap und den yo Angular app. Im Versuch, um grunt watch .weniger Dateien, aber ich habe einige Schwierigkeiten. Ich habe natürlich getan, installiert der grunt-contrib-less-Modul mit npm install grunt-contrib-less --save-dev
5
Antworten
Ich mag die Twitter Bootstrap css-toolkit, aber das Problem ist, dass es WENIGER und ich bin mit einem Rails 3.1 Anwendung die kommt schon mit SASS. Ich es geschafft, Twitter Bootstrap zu arbeiten, mit WENIGER, aber es
2
Antworten
fiddle Der Titel erscheint überragen von dem Inhalt darüber. Hinzufügen des Twitter .clearfix der container scheint nicht das problem zu lösen. Ich bin mir nicht sicher, wie Sie Sie zu schieben, meine Titelleiste unten den Inhalt über
4
Antworten
Ich mag die Idee und das Konzept der WENIGER. Doch ich stolperte über einen Fehler, den ich gemeldet, schon vor einer ganzen Weile an den Autor, aber haben nicht noch keine Rückmeldung erhalten. Vielleicht ist es nur
2
Antworten
Ich benutze PHP (lessphp) zum kompilieren von LESS-Dateien in CSS-Dateien auf der serverside. Ich möchte übergeben Sie eine variable, um die WENIGER-Datei, wie eine Farbe oder eine Sprache: compile('input.less?lang=en') und verwenden Sie es als eine variable in
2
Antworten
Habe ich 2 WENIGER, CSS-Dateien namens core.weniger und Stil.weniger Kern.weniger befindet sich unter: \css\core.weniger und Ihr Inhalt sind unter: body { background: @bg_color; color: @font_color; } Stil.weniger befindet sich unter: \css\grüne\style.weniger und Ihr Inhalt sind unter: @bg_color:
1
Antworten
Sagen wir, ich habe das folgende Weniger setup: .box { border: 1px solid #333; &.error { background-color: Red; } } Wenn ich wollte, zu erklären, eine andere Klasse, die die voll Stil .box.Fehler, wie .error-box zum Beispiel,
1
Antworten
Ich bin mit Incident57 ist CodeKit pre-Prozessor zu kompilieren eine Reihe von weniger-Dateien, die Sie importiert und minified in einer einzigen CSS-Datei namens Vorlage.css. Aber nach etwas editieren (und ich habe keine Ahnung was Bearbeiten verursacht diese)
2
Antworten
Möchte ich deklarieren Sie eine variable mit dem Pfad zur Bibliothek: @libPath: "any/path/to/lib"; Und verwenden Sie es in @import. So etwas wie dieses: @import "@{libPath}/file.less"; Und ich sehen das Ergebnis nach der Bearbeitung: @import url("@{libPath}/file.less"); Solche Möglichkeit
2
Antworten
Es ist ziemlich schwer zu erklären ohne etwas visuelle Referenz also, wenn Sie Blick auf den screenshot hier: Sehen Sie eine Schaltfläche, die ich erstellt habe. Nur eine normale alte link-tag mit einigen styling Hinzugefügt. Nun, dass
3
Antworten
Was ist der beste Weg zum Ziel IE7, 8 etc. in WENIGER? Gibt es eine Methode, um diese Zielgruppe zu tun oder würde ich im Idealfall benötigen zum laden einer separaten style-sheet? InformationsquelleAutor panthro | 2012-10-25
1
Antworten
Ich arbeite mit Bootstrap mit WENIGER, ich bin neu WENIGER, also ich habe eine Frage. Zum Beispiel, möchte ich hinzufügen, dass Polsterung Eigenschaft Körper. body { margin: 0; font-family: @baseFontFamily; font-size: @baseFontSize; line-height: @baseLineHeight; color: @textColor; background-color:
2
Antworten
Ich mache eine Website für desktop, tablet und Smartphone-Displays. Dafür bin ich mit css media queries. Wenn ich zum testen meiner website auf desktop-browser, und wenn ich den Maßstab meiner web-bowser unten, dann ändert sich das layout,
3
Antworten
Dies ist, was ich gerade mache. Ich bin mit WENIGER CSS-Code für mein design. Ich 2 sich erstreckt zwischen einer festgelegten Eingabe. alle Elemente sollten 100% width. spannt sollten immer 20px Breite Eingang Breite kann verändert werden,
1
Antworten
Habe ich einige LessCSS, die im wesentlichen wie folgt aussieht: .foo { @height: 20px; @iconHeight: 13px; background-position: 0 (@height - @iconHeight) / 2; } Jedoch, dies erweist sich als background-position: 0 3.5px, und ich würde es vorziehen,
2
Antworten
Schaffe ich 2 Variablen, die in meinem WENIGER-Datei @navSpritePath: '/i/data-board/navigation/navigation-sprite.gif'; @navSpritePath2x: ~`@{navSpritePath}.replace(/\.[\w\?=]+$/, function(match) { return "@2x" + match; })`; Ist es ein Weg, um die abstrakte Zuordnung von @navSpritePath2x, so dass ich übergeben Sie den Pfad, um
2
Antworten
Habe ich erst vor kurzem bekommen in LessCSS und ich habe mich in das, was ich fühle, ist die große Einschränkung-und ich Frage mich, ob es war ein Weg, dies zu tun?? Ich will sagen, dass ich
2
Antworten
WENIGER Anfänger. Schrieb eine test-html unter <head> <link rel="stylesheet" type="text/css" href="404.less"> <script src="http://lesscss.googlecode.com/files/less-1.3.0.min.js" type="text/javascript"></script> </head> <body>test</body> Bekam aber eine Warnung in Chrome Ressource interpretiert als Schrift, aber übertragen mit dem MIME-Typ text/x-c++: "http://lesscss.googlecode.com/files/less-1.3.0.min.js". Warum? InformationsquelleAutor fxp |
4
Antworten
Ich bin mit CodeKit zu entwickeln, die eine WordPress-theme. Natürlich würde ich gerne komprimieren WENIGER, wenn es kompiliert in CSS, aber uglify.js entfernt alle Kommentare. Weiß jemand wie mark spezifische Anmerkungen für die Erhaltung? Da es relevant
5
Antworten
Im Umgang hier mit Weniger CSS. Alles ging gut, aber ich bin immer ein wenig Fehler jetzt. Ich habe zwei weniger Dateien. Die erste heißt "Farben.weniger", wo ich erklärte, die Farben vars, und die zweite ist die
2
Antworten
Bin ich auf OS X. 8 und ein Neuling auf Knoten & WENIGER. Ich dachte ich installiert lessc früher und wenn ich nach /usr/local/bin sehe ich lessc aber für das Leben von mir, ich kann es nicht
1
Antworten
begegnete mir etwas seltsam vor kurzem und ich wan ' T, um es mit Ihnen teilen und vielleicht jemand weiß, warum dies geschieht. Weil ich nicht genug rep ich muss link die screenshots: Noch - Keinen Abstand
1
Antworten
Ich habe zum Beispiel neben weniger code form.someForm { .form-group { > div { @media @wideMobile { width: calc(~"100%-144px"); } } > label { @media @wideMobile { width: 138px; } } } } Möchte ich etwas schreiben
4
Antworten
Beim kompilieren von Twitter Bootstrap 2.3.2. mit Weniger 2 fand ich folgenden Fehler: NameError: #grid > .core > .span is undefined in /home/bootstrap-2.3.2/less/navbar.less on line 199, column 3: 198 .navbar-fixed-bottom .container { 199 #grid > .core >
1
Antworten
Bin ich mit dem Weniger.css-Datei-Watcher mit WebStorms und ich möchte ausschließen, bestimmte Dateien für die Kompilierung. Ich habe einen Stil.weniger-Datei mit allen anderen CSS-und nur diese Datei kompiliert werden soll. Wie kann ich das tun? InformationsquelleAutor johnny
2
Antworten
Sagen - haben .weniger Blech mit einer großen Anzahl von "mehreren" css-Regeln zu verwalten Ikonographie. So etwas wie so: .icon { display:inline-block; position:relative; text-indent:-9999em;} .icon-l.legend { width:24px; height:24px;} .icon-white.legend{ background:url(@icon_legend_white) no-repeat;} .icon-l.arrow_left{background-position: -128px -32px;} und Regeln anzuwenden,
6
Antworten
Ich bin auf der Suche hinzufügen "äußeren" abgerundete Ecken, um die ausgewählten sidebar-Element, um die Wirkung, die dieses Element ist "Gießen" in die Inhalte gut. In meinem Beispiel unten möchte ich die .top haben eine abgerundete Ecke
2
Antworten
Mithilfe twitter-bootstrap Wird es möglich sein, ändern Sie das Aussehen der Navigationsleiste durch hinzufügen .navbar-inverse. <div class="navbar navbar-inverse"> ... </div> Was ich versuche zu tun, ist eine einfache js-Modul zum ändern des Designs der Website. Mein Skript
2
Antworten
Hinzufügen Sie können einen aktiven Zustand auf der gleichen Linie wie ein hover-Zustand in [weniger] oder muss es an der mehrfachen on-line-separate Leitungen? Beispiel: standard weniger nav { color:@black; display:block; &:hover {color:@primary-color;} &:active {color:@primary-color;} } irgendwie dazu
3
Antworten
Ich versuche zu schaffen in voller Breite dropdown mit bootstrap wie man sehen kann auf diesem Bild. Jetzt habe ich so etwas (habe ich entfernt unnötige Elemente aus der nav-Liste): <ul class="nav navbar-nav navbar-right"> <li> <a href="/_work/cz.krupovi/www/o-nas">O
3
Antworten
Sagen, ich habe zwei Farben #595b5c und #424545. Ich möchte wissen, ist der prozentuale Unterschied zwischen Ihnen, wie das geht? Der Grund dafür ist, das ich verwenden möchte aufhellen und verdunkeln Funktionen weniger, die Prozentsatz, als einen
3
Antworten
Wie kann ich diese Klasse mit weniger? .class { display: none; } a:hover .class { display: block; } InformationsquelleAutor Oussama Benhammou | 2013-01-27
3
Antworten
Habe ich folgende Einstellungen innerhalb eckig-cli-bauen Angular2App(defaults,{ lessCompiler: { includePaths: [ 'src/app' ], } }) Ich'have zwei test-weniger-Dateien in src Verzeichnis. test1.weniger //some code test2.weniger @import "test1.less"; wenn ich ng build das Projekt wirft es einen Fehler
3
Antworten
In Visual Studio 2012 wurde ich mit dem folgenden Post-Build-task zum kompilieren und kombinieren meine LESS-Dateien: $(MSBuildBinPath)\msbuild.exe "$(ProjectDir)MSBuildSettingsLess.xml" Mit meinem MSBuildSettingsLess.xml Suche wie: <?xml version="1.0" encoding="utf-8"?> <Project xmlns="http://schemas.microsoft.com/developer/MsBuild/2003"> <Target Name="CompileDotlessCss"> <ItemGroup> <Binaries Include="*.dll;*.exe"/> </ItemGroup> <!-- Compile dotLess
3
Antworten
Ist es möglich, minified kompilierte CSS von WENIGER automatisch? Jedes mal, wenn ich etwas ändern, ich muss manuell komprimieren. Ich verwenden less.js kompilieren WENIGER. Dank. Wenn Sie mit der Less compiler, um die Ausgabe minified CSS, vorbei
3
Antworten
Hallo Im Versuch, die LessCss Kommandozeilen-compiler installiert auf einem Mac. Habe ich versucht, brew install less Error: No available formula for less brew install lessc Error: No available formula for lessc sudo npm install -g less ..Installs
2
Antworten
Habe ich die folgenden etwas WENIGER code arbeiten @iterations: 940; @iterations: 940; @col:2.0833333333333333333333333333333%; //helper class, will never show up in resulting css //will be called as long the index is above 0 .loopingClass (@index) when (@index >
3
Antworten
Ich versuche die Verwendung von Bootstrap auf ein Projekt, umfasst 400+ Seiten und verwendet den vorherigen CSS-Klassennamen (die ich keine Kontrolle habe). Ich habe seit in paar CSS-Namen Konflikte und die Lösung für mich ist ein Präfix
2
Antworten
Habe ich eine Ruby on Rails-Anwendung mit Bootstrap, die ich installiert mit der gem twitter-bootstrap-rails. Ich würde jetzt gerne zu integrieren, eine neue Bootswatch Thema, aber ich habe Schwierigkeiten, herauszufinden, was zu tun ist. Gibt es vier