Tuesday, 27 November 2018

Angular component styling best practices (view encapsulation: emulated)

What is the most efficient way to style components in the browser dev tools with the default view encapsulation (emulated)?

My current workflow involves a lot of tedious copying and pasting from the dev tools like this:

enter image description here

Chrome dev tools has the ability to save styling changes made on the DOM to the source css file (Save Changes To Disk With Workspaces), but I don't know if this will work with the way Angular and Webpack use emulated component styles.

Any tips?



from Angular component styling best practices (view encapsulation: emulated)

No comments:

Post a Comment