タグ付けされた質問 「less-css」

とを使用_module.lessしてテーマを拡張するのに違いはあります_extend.lessか？モジュール/テーマを拡張するときのベストプラクティスは何ですか？ 私が最初に考えたのは_module.less、新しいモジュールをスタイリングするとき、および_extend.lessモジュールを拡張するときに使用する方が良いということでした。しかし、Lumaは_module.less、空白のテーマを拡張するときに、理論が窓から外れるようにするために使用します。 それらの間で私が見ることができる唯一の違い_module.lessは、レスポンシブライブラリの前にインポートされることと_theme.less、as _extend.lessがそれらの後にインポートされることです。 これがインポートされる順序です vendor/magento/theme-frontend-blank/web/css/styles-l.less // // Blank theme desktop styles // _____________________________________________ // These desktop styles are added to mobile // // Global lib + theme styles // --------------------------------------------- @import '_styles.less'; @import (reference) 'source/_extends.less'; // // Magento Import instructions // --------------------------------------------- //@magento_import 'source/_module.less'; // Theme modules //@magento_import 'source/_widgets.less'; …

22 magento2  frontend  view  less-css  less 

.lib-css()ミックスインは、Magentoの2 LESSファイルに頻繁に使用されます。ただし、その目的は明らかではなく、ミックスインの定義には有用なドキュメントはありません。 // // cssプロパティを追加します // --------------------------------------------- .lib-css（ @_property、 @_値、 @_prefix：0 ）when（@_prefix = 1） ではなく（@_value = ''） でなく（@_value = false） でなく（extract（@_ value、1）= false） でなく（extract（@_ value、2）= false） でなく（extract（@_ value、3）= false） でなく（extract（@_ value、4）= false） and not（extract（@_ value、5）= false）{ -webkit-@ {_ property}：@_value; -moz-@ {_ property}：@_value; -ms-@ {_ property}：@_value; } .lib-css（ @_property、 @_値、 @_prefix：0 …

17 magento2  frontend  less-css 

Magento 2のlibドキュメントには、次のものが含まれています。 @ media-common：true | false-共通のスタイルを出力するかどうかを設定します。使用する必要があるいくつかのスタイルを追加するたびに一般的なスタイルの場合 & when (@media-common = true) { your styles } 質問 これを使用することとそれなしでLessを書くことの違いは何ですか？といった： & when (@media-common = true) { body { background: blue; } } それはどのようにコンパイルされますか？ body { background: blue; } styles-l.cssとstyles-m.cssに関係なく出力されませんか？

12 magento2  less-css  less  static-content 

現在、クライアントのためにMagento 2サイトに取り組んでいます。私のクライアントのブランドがboofarあり、拡張/上書きしようとしているテーマがfoobar私が使用して親テーマとして設定したと仮定しますfrontend/Foobarthemes/boofar/theme.xml <theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd"> <title>Boofar</title> <parent>Foobarthemes/foobar1</parent> <media> <preview_image>media/preview.jpg</preview_image> </media> 次にfrontend/Foobarthemes/boofar/web/css/source/_theme.less、オーバーライドするCSSコードを記述しました。これもで試しました_extend.less。 .magicmenu { .home { display: none !important; } .nav-desktop .level0 .level-top > span { font-size: 12px; font-weight: normal; text-transformation: none; } } 私は!importantここで働くために何でも使うことを強いられます。上記のコードでは、フォントやテキストは機能しません。 Magento 2のフロントエンドワークフローを正しく理解していませんか？

10 magento2  theme  css  frontend  less-css 

ズームは正常に動作し、 ただし、カテゴリのドロップダウンメニューを商品画像とドロップダウンメニューの重複領域にホバーすると、マウスがまだドロップダウンメニューにある場合でも、ズームは正常に機能しています。 キャプチャ画像を確認してください：

9 magento2  less-css  zoom 

カスタムテーマのvendor / magento / magento2-base / lib / web / css / source / lib / _navigation.lessファイルを上書きするにはどうすればよいですか？

9 magento2  theme  overrides  core  less-css 

閉まっている。この質問はトピックから外れています。現在、回答を受け付けていません。 この質問を改善してみませんか？ Magento Stack Exchangeのトピックとなるように質問を更新してください。 3年前休業。 私がしたいセットのパスのための背景画像少ないファイルでapp\design\frontend\vendor\theme\web\<lessfile>magento2インチ

8 magento2  image  less-css 

複数のカスタムモジュールとテーマで使用する独自のUIライブラリ（主に.lessファイルですが、画像とも.js）を作成する必要があります。の下にあるMagento UIライブラリにファイルを追加するだけだと思いました/lib/web。 しかし、まず第一に、カスタムファイルを追加することは許可されてい/lib/webますか（そしてそれは良い習慣ですか？） カスタムファイルを追加する場合、/lib/web/companyすべてのカスタムファイルをMagentoのデフォルトファイルから分離するなど、独自のフォルダー（会社名など）を作成する必要がありますか？ 例えば： lib/ ├── web/ │ ├── css/ │ │ ├── source/ │ ├── fonts/ │ ├── jquery/ │ ├── company/ │ │ ├── css/ │ │ │ ├── source/ │ │ ├── fonts/ │ │ ├── jquery/ または、各デフォルトフォルダー内にカスタムフォルダーを作成する必要がありますか？このような： lib/ ├── web/ │ ├── css/ │ │ …

8 magento2  frontend  uicomponent  less-css  ui-library 

M2のスタイルデバッグガイドを読みましたが、LESSのデバッグを開始する正しい方法を見つけることができません。Gruntとブラウザを設定して、元のソースをより少なく表​​示しました。しかし、元のソースは次のパスを示しています。 pub/static/frontend/vendor/theme/en_EN/css/source/lib/module.less の代わりに app/design/frontend/vendor/theme/Magento_module/web/css/source/module.less Gruntで何かを設定するのを忘れましたか？私は段階的にガイドに従ってきました。

7 magento2  template  theme  less-css 

現在、magento2 / gruntはlessからcssへの変換が非常に遅い（いくつかのロケールでは、すべてを再構築するのに最大1分かかる場合があります）。 開発速度を向上させるためのヒントはありますか？

7 magento2  development  less-css  grunt