Hacker News new | ask | show | jobs
by redmaniack 2856 days ago
Please read my comment above, also here's how the above "nesting" compiles to:

.compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder { opacity: 1; }

2 comments

Who need easy to read post-build selectors in the age of source maps? Much better to have a file that is easier to read before the build.
I did.

    .compose-form .compose-form__modifiers .compose-form__upload-description input::placeholder { opacity: 1; } 
That looks like BEM, with all the underscores and modifiers.

Proper nested SASS would look like:

    .compose-form .upload-description input::placeholder { opacity: 1; } 
Scoped CSS would look like:

    .compose-form-abc123 .however-deep-or-shallow-you-want { opacity: 1; }