I threw a question out on Twitter regarding CSS/Sass authoring style. It was a difference between Option 1: .c-btn { ... } .c-btn__icon { ... } and Option 2: .c-btn { &__icon { ... } } The results were interesting so I wanted to write them up. Here we go! Option 1: Not Nested .c-btn { ... } .c-btn__icon { ... } As you can see, this looks like regular ol’ CSS. Because it is! Let’s unpack the pros a
![Sass Selectors: To Nest Or Not To Nest?](https://cdn-ak-scissors.b.st-hatena.com/image/square/3dda6a90bdc2080d73f4111dbd5f39c31e7230fb/height=288;version=1;width=512/https%3A%2F%2Fbradfrost.com%2Fwp-content%2Fuploads%2F2018%2F10%2FScreenshot-2018-10-05-09.20.50.png)