16

This should work tested on 2.1.8 <span class="demo-tooltip"> <a href="#" class="tooltip-toggle">Hover?</a> <span class="tooltip-content">Demo text here</span> </span> Add following code is in less file. .demo-tooltip { .lib-tooltip(right); } And run php bin/magento setup:upgrade command.


4

The solution is to add app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less


3

ok, so @total-columns & @layout-column__sidebar-width work by setting the width side bar by dividing one into another. If you check Luma's compiled style-l.css file, example. You'll find all the main column width changes depending on the number of page layut columns and sidebars have a width of 20.83333333%. .page-layout-1column .column.main { width: ...


2

My answer might be opinion based but I'm applying the Magento 1 module development best practice to Magento 2 As statement in the linked answer: Put your static resources (js, css, images) in a folder named with the company name to make it easier to isolate them So I don't think there is one right answer but based on what I just posted I'd say I'd go ...


1

It's just a naming convention so it's easier to know which classes are designed to be extended, they are to be used like this: .your-selector { &:extend(.abs-reset-list all) } Where .abs-reset-list is the selector you want to extend. This is core LESS functionality and isn't really related to Magento other than they prefix their class names with ...


1

Please follow below steps. Step-1: Create _custom.less file in your custom theme on below path. app/design/frontend/VENDOR/THEMENAME/web/css/source/_custom.less Step-2: Add following code in _custom.less file. & when (@media-common = true) { .tooltip { .lib-tooltip(right); } } Step-3: Create _module.less file your custom theme on ...


1

I use it whenever applicable, it can be a huge time saver and it's always good to be consistent with the framework. I'm not sure if you're saying the code is ugly or that you don't like the base styling, either way I'd suggest trying to learn and use it in earnest before abandoning. In my opinion, it's actually one of the better documented areas, take a look ...


1

Paid for turnkey solution: https://www.gomage.com/gomage-product-designer.html After searching for over a week - there is presently no free extension that meet your requirements. I suggest you look into some HTML5 Canvas javascript libraries to achieve at least the 'designer' portion of your requirement. There are currently a few dozen available ...


1

Currently Magento 2 does not provide any recommended way to extend the library globally. The intended way is adding all your styles in custom themes.


Only top voted, non community-wiki answers of a minimum length are eligible