23
votes
Accepted
Applying Magento 2 library tooltip to custom theme
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>
&...
- 1,618
7
votes
Accepted
UI library less override
The solution is to add
app/design/frontend/{Vendor}/{Theme}/web/css/source/lib/_navigation.less
- 648
4
votes
Accepted
How to use Magento 2's UI Library Layout LESS variables
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 ...
- 4,923
2
votes
Accepted
How to use .abs- (from abstract) from UI library LESS?
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-...
- 15.7k
2
votes
Applying Magento 2 library tooltip to custom theme
I've found another way to add tooltip in Magento 2.
It is already styled.
Tested on Magento 2.4.
<div class="field-tooltip toggle">
<span class="field-...
- 435
2
votes
Applying Magento 2 library tooltip to custom theme
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 ...
- 1,155
1
vote
Magento UI Library to use or not to use?
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 ...
- 9,029
Only top scored, non community-wiki answers of a minimum length are eligible