問題タブ [less]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 商用ルール エンジンの Javascript フロント エンドを作成した人はいますか?
その場合、JS テンプレート フレームワーク (Mustache や Jade など) と CSS プリプロセッサ (LESS や Stylus など) を使用しましたか、それとも BRE にすべて処理させましたか?
css - 960.gs/Blueprint と LESS の違いは何ですか?
最終的には、独自の CSS をコーディングするのが好きです。他人の命名規則に従わなければならないとき、特に意味がないときは嫌いです。しかし、モバイル サイトがフレームワークを使用する準備がほぼ整っているという事実に惹かれます。
960.gs と Blueprint の比較をいくつか見てきましたが、LESS はそれらの議論に関与していません。なぜだめですか?何か不足していますか?私には、LESS はほとんど同じ基本的なことをしているように見えます。
議論したい人はいますか?
css - これらすべてのCSSフレームワークやその他のフレームワークはどうなっていますか?
私はCSSの世界を掘り下げており、存在するすべてのものの使用法を理解するのに苦労しています。
LESS、SASS、Compass、Blueprint、HAMLなどがあります。どれを一緒に使用する必要がありますか?誰かがお互いに何が起こっているのか説明できますか?
javascript - LessCssおよびcssのインポート
LessCSS(バージョン1.0.41)をBlueprintと統合しようとしていますが、lessスタイルシートにcssファイルをインポートできないようです。だから私はもっと簡単なインポートを試しました:
.red {
color: red;
}
それをtest.cssに入れます。次に、less_test.cssで:
@import "test.css":
.test {
.red;
background-color: pink;
}
しかし、LessCSSは、.redが定義されていないと文句を言います。私は何が欠けていますか?test.lessでtest.cssの名前を変更すると(そして「test」としてインポートすると)、すべてが正常に実行されます。しかし、ブループリントファイルの拡張子を変更して、screen.less、print.less、ie.lessとして使用しても安全でしょうか?
css - .lessファイルを単一の.lessファイルにインポートできないのはなぜですか?
私は自分のファイルのこの構造を持っています:
lib/css/...
エリアの種類ごとに単一の.lessファイルに分割された私のスタイルが含まれています。
lib/style.less
サブスタイルファイルを収集したいファイルです-そしてHTMLにリンクしたいファイルです。
(into style.less
)と入力すると:
@import url("/css/StyleToImport.less");
また
@import "/css/StyleToImport.less";
...構文エラーが発生します。
.lessファイルを1つのファイルに結合することは本当に不可能ですか?
色や寸法などのすべての変数を含む1つのファイルがあると非常に便利です。
しかし、今のように、<link ...>
すべてのファイルにHTMLのタグを使用する必要があります。これはそれほど便利ではありません。
PS私は2つの.lessファイルを1つのcssファイルに結合するを読みました
そして私はこれを読みました:
インポート
インポートはほぼ期待どおりに機能します。.lessファイルをインポートすると、その中のすべての変数が使用可能になります。ファイルが.lessの場合、拡張子はオプションです。
@import"ライブラリ";
@import "typo.css";
less - 実稼働サイト (LESS スタイルシート用のクライアント側 JavaScript コンパイラー) で less.js を使用するのは悪い習慣でしょうか?
このスクリプトは、基本的に.less
コードをコードに変換し.css
ます。ユーザーがjavascriptをオフにしている場合にのみ問題が発生すると思いますが、多くの人がそうしていますか?
助言がありますか?
less - ミックスインで複数のプロパティが個別の引数として扱われる
ミックスインを作成しようとしていますが、引数を希望どおりに動作させることができないようです。複数のプロパティがそれぞれ個別の引数として扱われています。
現在のコード
望ましい出力
実際の出力
何か案は?
css - 変数を含むLESSCSSファイルのインポート
core.lessとstyle.lessという2つのLESSCSSファイルがあります
core.lessは\css\ core.lessの下にあり、その内容は以下のとおりです。
style.lessは\css\ green \ style.lessの下にあり、その内容は次のとおりです。
core.lessファイルには、すべてのcssルールがLESS形式で含まれていますが、変数の定義は提供されていません。
style.lessは、core.lessで参照されるすべての変数を定義してから、core.lessファイルをインポートします。
コアファイルからすべてのルールをインポートするため、style.lessのコンパイルに問題はありません。core.lessファイルはコンパイルできません。変数定義が含まれていないため、エラーが発生します。
ここで、 core.cssファイルもコンパイルしたいと思います(LESSルールにエラーがないことを確認するためだけです)。core.lessファイルにある種のダミー/プレースホルダー変数を追加して、エラーを生成せずにコンパイルしても、上記で説明したセットアップで機能するようにする方法はありますか?
私はファイルのフォーマット/構造を変更することについての提案を受け入れています。
iis - LESS ファイルが読み込まれない (404)
IIS 7.5 を使用していますが、404 エラーが発生するため、less ファイルをロードできません。
HTML:
以下:
css - ブラウザは更新されたCSSを読みません
編集:心からお詫びします!これは私以外の問題ではありませんでした。正しいものが含まれているglobal.cssファイルがありましたが、その下に<head>
、HTMLの一部に古いCSSが含まれている別のファイルが含まれていました。Facepalm。
開発中のサイトがあります。私はLESSを使用してCSSを拡張し、書きやすくしています。問題は、.less
ファイルを変更すると、ブラウザでレンダリングされたスタイルが変更されないことです。生成されたファイルを調べたところ.css
、加えられた変更を反映するように更新されましたが、ブラウザーはCSSファイルからレンダリングされたスタイルを更新しません。Chrome、FF(3および4)、Operaでこれを試しましたが、同じ非更新の結果が得られました。
PHPとメタタグの両方で何もキャッシュしないようにブラウザに指示したこともあります。複数のローカルホストを使用していますが、Apache構成ファイルはほとんどバニラです(これはローカルサーバーです)。LESSをCSSに変換するために使用されるコードを以下に示します。これは、ページがリロードされるたびに実行されます。
ここに例外はありません。パーサーはless.php
ファイルが変更されているかどうかをチェックしますが、少し削除しましたが、CSSファイルは変更のたびに再生成されるため、これはブラウザーのキャッシュの問題である必要があります...Apacheは更新されたCSSファイルを提供します結構です:-/
長い間続けて申し訳ありませんが、私は明確にしたかったです。他に何か必要な場合は、私に知らせてください。