stylelint: errors by collapsing multi-line selectors in CSS
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3543375. --> Reported by: [joelpittet](https://www.drupal.org/user/160302) Related to !67 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>Running stylelint reports 9 <code>prettier/prettier</code> errors caused by multi-line CSS selector lists in the Calendar module&rsquo;s styles. This creates CI noise/failures.</p> <p><a href="https://git.drupalcode.org/project/calendar/-/jobs/6334433">https://git.drupalcode.org/project/calendar/-/jobs/6334433</a></p> <pre>css/calendar-overlap.css<br>&nbsp;&nbsp; 94:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.week-view&#9166;&middot;&middot;#multi-day-container&#9166;&middot;&middot;table&#9166;&middot;" with "&middot;.week-view&middot;#multi-day-container&middot;table"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prettier/prettier<br>&nbsp; 251:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.week-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.inner&#9166;&middot;&middot;.weekview&#9166;&middot;" with "&middot;.week-view&middot;.full&middot;td.multi-day&middot;.inner&middot;.weekview"&nbsp; prettier/prettier<br>css/calendar.css<br>&nbsp; 396:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;td&#9166;&middot;&middot;.inner&#9166;&middot;&middot;div.calendar&#9166;&middot;&middot;div&#9166;&middot;" with "&middot;td&middot;.inner&middot;div.calendar&middot;div"&nbsp; prettier/prettier<br>css/calendar_multiday.css<br>&nbsp; 549:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.month-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.single-day&#9166;&middot;&middot;.calendar-more&#9166;&middot;" with "&middot;.month-view&middot;.full&middot;td.single-day&middot;.calendar-more"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prettier/prettier<br>&nbsp; 586:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.month-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.calendar.monthview&#9166;&middot;" with "&middot;.month-view&middot;.full&middot;td.multi-day&middot;.calendar.monthview"&nbsp; prettier/prettier<br>&nbsp; 596:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.week-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.calendar.weekview&#9166;&middot;" with "&middot;.week-view&middot;.full&middot;td.multi-day&middot;.calendar.weekview"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prettier/prettier<br>&nbsp; 631:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.month-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.inner&#9166;&middot;&middot;.monthview&#9166;&middot;" with "&middot;.month-view&middot;.full&middot;td.multi-day&middot;.inner&middot;.monthview"&nbsp;&nbsp;&nbsp; prettier/prettier<br>&nbsp; 638:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.week-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.inner&#9166;&middot;&middot;.weekview&#9166;&middot;" with "&middot;.week-view&middot;.full&middot;td.multi-day&middot;.inner&middot;.weekview"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prettier/prettier<br>&nbsp; 649:19&nbsp; &#10006;&nbsp; Replace "&#9166;&middot;&middot;.week-view&#9166;&middot;&middot;.full&#9166;&middot;&middot;td.multi-day&#9166;&middot;&middot;.inner&#9166;&middot;&middot;.weekview&#9166;&middot;" with "&middot;.week-view&middot;.full&middot;td.multi-day&middot;.inner&middot;.weekview"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; prettier/prettier<br>&#10006; 9 problems (9 errors, 0 warnings)<br>4 sources checked<br>&nbsp; /builds/project/calendar/web/modules/custom/calendar/css/calendar-overlap-no-scroll.css<br>&nbsp; /builds/project/calendar/web/modules/custom/calendar/css/calendar-overlap.css<br>&nbsp; /builds/project/calendar/web/modules/custom/calendar/css/calendar.css<br>&nbsp; /builds/project/calendar/web/modules/custom/calendar/css/calendar_multiday.css<br>9 errors found</pre><h3 id="summary-proposed-resolution">Proposed resolution</h3> <ul> <li>Reformat offending selectors to single lines per Prettier&rsquo;s expected output (no line breaks between simple selectors).</li> <li>Apply automated formatting:<br> <pre>$ core/node_modules/.bin/prettier --write "web/modules/**/calendar/css/**/*.css"</pre><p> (or manually edit the noted lines to single-line selectors). </p></li> <li>Re-run stylelint to verify zero errors.</li> </ul> > Related issue: [Issue #3541738](https://www.drupal.org/node/3541738)
issue