04.07.2019 Views

frontend-developer-1

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Use LESS/CSS to Customize the Magento Look and Feel<br />

# Mac/Linux copy [from] [to]<br />

cp lib/web/css/source/lib/_dropdowns.less app/design/<br />

<strong>frontend</strong>/SwiftOtter/Flex/css/source/lib<br />

The caveat here is that the less you copy core files, the more upgradeable the<br />

application will be.<br />

Another approach is to implement your own custom version of the file, containing<br />

only your overrides. You can do this by adding the following file:<br />

app/design/<strong>frontend</strong>/SwiftOtter/Flex/css/source/custom/lib/_<br />

dropdowns.less<br />

This will not be imported by default as it is an additional file, so you will need to add<br />

the import yourself. You can copy the core import file (web/css/_styles.less)<br />

to your theme at the following location:<br />

app/design/<strong>frontend</strong>/SwiftOtter/Flex/css/_styles.less<br />

Then add the additional import. The best method to use will be dependent on the<br />

level of extension required. For example, in a situation where you want to override a<br />

single mixin within a lib file that contains multiple, it may be beneficial to just add<br />

your own custom file containing the single override. This method also helps to<br />

clearly identify where edits have been made.<br />

HELPFUL LINKS:<br />

• https://www.classyllama.com/blog/a-look-at-css-and-less-inmagento-2<br />

Copyright © 2018, SwiftOtter, Inc.<br />

119

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!