問題タブ [lesscss-resources]
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.
grails - grails は css/js リソースを生成します
coffeescript-resourcesとプラグインを使用していlesscss-resourcesますが、リソースを生成して生の js/css を取得するにはどうすればよいですか?
パッケージ化して戦争を爆発させることができることは知っていますが、より簡単な方法で出力を取得する方法はありますか?
css - 少ない変数のプロパティ/値を jsp/html のインライン変数でオーバーライドする
変数の少ないプロパティ/値を、jsp/html で記述されたインライン変数でオーバーライドする必要がある状況があります。次のように、メイン ファイル (abc.less) にいくつかの変数を定義します。
@bodyColor: rgb(88,90,91); // (#585a5b) grayish
@brandColor1: rgb(23,59,107); // (#173b6b) dark
色を変更するためにjsp/htmlに次のものを書きます。メインファイルと同じ変数名を使用しています。
@bodyColor: rgb(255,0,0); // (#ff0000) redish
@brandColor1: rgb(204,204,204); // (#cccccc) grayish
しかし、それはメインのファイル プロパティをオーバーライドしています。どのように機能するか教えてください。前もって感謝します。
less - LESS ファイルがクライアント側で機能しない
Bootswatch.com から Amelia テーマをダウンロードして、AmeliaBootswatch.less という名前を付けました。また、変数ファイルをダウンロードして、AmeliaVariables.less という名前を付けました。
AmeliaBootstrap.less には、次のタグがあります。
今、私の aspx ページには、次のコードがあります。
はless.watch()、エラーをスローすることなく、AmeliaBootstrap.less および AmeliaVariables.less ファイルを繰り返し取得します。
誰かがこれで私を助けてくれますか?
css - ソース マップを使用して LESS ファイルをコンパイルする
LESS ファイルをコンパイルし.css.mapて、CSS ファイルに加えてソース マップ ファイル ( ) を出力するにはどうすればよいですか? lesscコマンドライン (NodeJS の) と GUI ベースのプログラムの両方でそれを行う方法はありますか?
css - Genesis Framework で Less CSS を適用する方法
Bones Child Themeを使用してGenesis Frameworkに適用されたLess CSSスタイルを経験した人はいますか? どうすれば始められますか？
お知らせ下さい！
less - アイデア: 処理/コンパイル時に特別なセレクターを作成する LESS CSS
セレクターの長いチェーンを避け、LESS CSS がプレーン CSS にコンパイルされるときに自動的に作成される 1 つのクラスベースのセレクターを使用しようとしています。詳細については、以下の例を参照してください。
http://css-tricks.com/effectively-rendering-css/に触発されて、CSS レンダリングの効率を高めるために、要素ごとに一意のクラスを作成するというアイデアがありました (重複したクラスは意図的に有益である可能性があります)。
HTML
少ないCSS
Standard Plain CSS (上記の LESS からコンパイル)
目的のプレーン CSS (上記の LESS からコンパイルされます。親内の子要素のクラスは のようにフォーマットされます。クラスが未定義の場合
.parentElement1-parentClass1-childElement1-childClass1に使用します)null
もちろん、要素のより具体的/説明的なクラス名でこの問題を解決できますが、はるかに大規模なアプリケーションの場合、クラス名の重複を避けるために、このアプローチの方が優れている可能性があります。「ボディ」要素がベースとして使用され、他のすべては命名法に関してそれに対して相対的です。この要件を満たすには、HTML のクラス名を手動で定義する必要がありますが、すべての要素のクラス名の作成を自動化するスクリプトを作成する可能性があります。
LESS がこの基準を念頭に置いて compile メソッドを持つことができるかどうか疑問に思っていました。このアイデアについてどう思いますか?また、このようなものが実行可能である場合はどう思いますか?
css - Mixin シナリオ、css を変換しようとしています
以下のシナリオで CSS を LESS CSS に変換するときに問題が発生しました。
以下のCSSでは、クラス:hoverと.activeクラスに同じプロパティがあります。
CSS:
ここli.activeからミックスインを使用する方法&:hover
少ない CSS:
ありがとう
css - LESSで文字列を分割するにはどうすればよいですか?
Stylus ではsplit('1/2', '/')[0](特定の区切り記号で文字列値を分割します。この例では を返し1ます)、Sass ではそれを行うには巨大な関数が必要でした。これをLESSでネイティブに行う方法や、どこでもこれを行うための機能がわかりません。
これを行う方法を知っている人はいますか？