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 and LESS master of AC theme customization. With practical exercises that allow you to utilize knowledge from Chapter 4 and Chapter 5, you’ll be on your way to master theme creation...
