6
Styling an Adobe Commerce Theme
In the previous chapters, we learned how to create a page skeleton by using Layout XML and how to work with blocks to add and customize the HTML content of the page.
The cherry on top will be knowing how to customize and style our theme—in simple terms, creating CSS files. I’ve already shown, in Chapter 3, a small tip of the iceberg regarding the CSS compilation process by using Grunt, which is a part of the Adobe Commerce (AC) framework. In this chapter, you’ll see how the entire iceberg looks.
The key points covered in this chapter are as follows:
- Location and compilation of CSS files
- A quick introduction to LESS files
- CSS compilation types
- Working with themes
By the end of this chapter, you’ll be the CSS ...
Get Mastering Adobe Commerce Frontend now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
