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].

Punktlosen - How zu importieren, WENIGER Datei in einem übergeordneten Ordner?

Anzahl der Antworten 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

Kann Asp.net MVC-Bundle Transformation WENIGER in CSS?

Anzahl der Antworten 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,

@Import von less-Dateien in begrenztem Umfang

Anzahl der Antworten 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

Beste oder einfachste Weg, zu integrieren, weniger in yeoman?

Anzahl der Antworten 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

Recolor bootstrap-datetimepicker

Anzahl der Antworten 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)

definieren Sie ein CSS3 Attribut-Selektoren in css weniger

Anzahl der Antworten 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*/ }

WENIGER CSS-hintergrund mit relativen Pfad

Anzahl der Antworten 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

Wie Schreibe ich einen:hover::before in weniger Datei?

Anzahl der Antworten 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

Mit Grunt grunt-contrib-less) für die Erstellung von Bootstrap 3.1 WENIGER in Visual Studio 2013

Anzahl der Antworten 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

Import Bootstrap LESS-Dateien

Anzahl der Antworten 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();

Kann ich das nest das disabled-Attribut, mit WENIGER?

Anzahl der Antworten 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?

Yeoman Winkel-app, Grunzen Uhr .less-Dateien

Anzahl der Antworten 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

CSS Toolkits ähnlich wie Twitter Bootstrap?

Anzahl der Antworten 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

Wie clearfix absolut positionierten Elementen?

Anzahl der Antworten 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

CSS-Redundanz bei der Verwendung von WENIGER und seine @import

Anzahl der Antworten 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

Wie übergibt man eine variable von PHP nach LESS?

Anzahl der Antworten 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

Importieren von WENIGER CSS-Dateien mit Variablen

Anzahl der Antworten 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:

Wie bewerben Sie sich verkettet Klassen innerhalb einer anderen Klasse mit Weniger?

Anzahl der Antworten 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,

WENIGER kompilieren Fehler

Anzahl der Antworten 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)

WENIGER CSS @import-Pfad von variable

Anzahl der Antworten 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

Align background-image in HTML-link / button

Anzahl der Antworten 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

WENIGER CSS IE-targeting?

Anzahl der Antworten 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

Überschreiben in WENIGER

Anzahl der Antworten 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:

Website Umfang nicht nach unten für mobile Bildschirme

Anzahl der Antworten 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,

Span, Input, Span 100% width CSS Problem

Anzahl der Antworten 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,

Mit math-Funktionen, um integer-Werte

Anzahl der Antworten 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,

Kann ich meine eigene Funktion zu einer Variablen zuweisen, die mit WENIGER?

Anzahl der Antworten 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

Benutzer-definierte Funktionen mit LessCSS?

Anzahl der Antworten 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

Ressource interpretiert als Schrift, aber übertragen mit dem MIME-Typ text/x-c++

Anzahl der Antworten 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 |

sagen verunstalten zu halten, die bestimmte Kommentare (mit CodeKit)

Anzahl der Antworten 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

Weniger CSS-Import-Problem

Anzahl der Antworten 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

lessc: Befehl nicht gefunden

Anzahl der Antworten 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

display: inline-flex; Ursachen seltsame box-Modell-rendering

Anzahl der Antworten 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

Weniger benutzerdefinierte Funktion/mixin

Anzahl der Antworten 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

Weniger v2 nicht kompilieren von Twitter Bootstrap 2.x

Anzahl der Antworten 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 >

Weniger Datei-Watcher - Ignorieren bestimmter Dateien

Anzahl der Antworten 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

LessCss : mehrere Klassen-Selektoren mit & keyword

Anzahl der Antworten 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,

Wie kann ich äußere abgerundete Ecken, um einen div?

Anzahl der Antworten 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

Wie wendet man die CSS der navbar-inverse im twitter-bootstrap

Anzahl der Antworten 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

Hover und active-Zustände in weniger

Anzahl der Antworten 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

Volle Breite Bootstrap-dropdown-nav

Anzahl der Antworten 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

wie berechne Farb-Differenz in Prozent für Weniger

Anzahl der Antworten 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

Weniger css &:hover

Anzahl der Antworten 3 Antworten
Wie kann ich diese Klasse mit weniger? .class { display: none; } a:hover .class { display: block; } InformationsquelleAutor Oussama Benhammou | 2013-01-27

kompilieren weniger-Datei mit angular2 cli

Anzahl der Antworten 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

Post-Build-task scheitern in VS 2013

Anzahl der Antworten 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

Was ist der beste Weg, um minified CSS-Ausgabe von WENIGER?

Anzahl der Antworten 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

Lesscss command line compiler Lessc

Anzahl der Antworten 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

Dynamische Klassennamen im WENIGER

Anzahl der Antworten 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 >

Hinzufügen Präfixe, CSS-Klassennamen mit LESS oder SASS

Anzahl der Antworten 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

Die Integration von Bootswatch-Thema mit Twitter-Bootstrap-Rails Gem

Anzahl der Antworten 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