Advanced CSS debugging and configuration

- [Instructor] Because your theme uses several … different modular style sheets and some … of those style sheets import the content from partials, … it's important to know how to find out what file … holds a specific style rule so you can edit it directly. … The build process has accounted for this scenario … by generating source maps for each style sheet. … These source maps are available to the browser, … so when you open the dev tools of any browser, … in my case Firefox, and inspect an element … like this container up here, … the browser will tell you where that … particular rule sits in the original style sheets. … So, here we have the main about the class site main. … And up here you see there's a rule, site main … that has property applied from page.css on line three. … Now this functionality extends to partials as well. … So if I scroll down a bit, you'll see down here, … we have the typography rule that sets … the font color and font family and so on. … And that's defined in underscored typography.css. …