frontend-developer-1

Use LESS/CSS to Customize the Magento Look and Feel
To enable / disable these settings, go into Store > Configuration > Advanced >
Developer > CSS Settings.
7.5 MAGENTO UI LIBRARY USAGE
Demonstrate your understanding of Magento's UI library, a LESSbased
library of mixins and variables for many different standard
design elements on websites. How can you take advantage of the
UI library? What do you have to do to enable it in your theme?
Magento has built a library of mixins to attempt to simplify the task of theming
common layout components. These are found in lib/web/css/source/lib.
If you have built a custom theme, these components will need to be imported with a
path like:
@import (reference) '../../css/source/lib/lib';
As an example, let’s add a new font onto our website design (don’t take the font
names seriously):
.lib-font-face("Trebuchet MS", "@{baseDir}fonts/trebuchetms",
500);
Another example:
.footer-breadcrumbs {
.breadcrumbs();
}
Copyright © 2018, SwiftOtter, Inc.
117