Есть ли плагин для группировки css в vscode?

Question

[7GIT]

Ищу плагин для vscode, с помощью которого можно группировать куски css кода и сворачивать/разворачивать.

Например:

/* @group Group 1 */
.declaration1 { ... }
.declaration2 { ... }
/* @end */

/* @group Group 2 */
.declaration1 { ... }
.declaration2 { ... }
/* @end */

/* @group Group 3 */ ... развернуть... /* @end */

Answer 1

[Oleg Smychenko]

Плагин не нужен.
Все что вам нужно, это перед и после блока CSS свойств, которые вы хотите сворачивать или разворачивать написать два комментария -
/*#region*/ и /*#endregion*/

Например:

/*#regoin*/
.declaration1 { ... }
.declaration2 { ... }
/*#endregion*/

также поддерживается вложенность регионов друг в друга:

/*#regoin*/
.declaration1 { ... }
.declaration2 { ... }
.declaration3 { ... }

/*#regoin*/
.declaration1 { ... }
.declaration2 { ... }
.declaration3 { ... }
/*#endregion*/

.declaration1 { ... }
.declaration2 { ... }
.declaration3 { ... }
/*#endregion*/

Вот скрин, как это работает у меня

Answer 2

[WbICHA]

https://code.visualstudio.com/docs/editor/codebasi...

Comments

[7GIT]

Мне нужно другое, я же вроде понятно написал. Группировка не по Тегу а по Группе.
Например ниже, необходимо свернуть группу Buttons.

/* @group Buttons */
.btn { ... }
.btn-color { ... }
.btn-size { ... }
/* @end */

[WbICHA]

7GIT, и в чём отличие?

/* #region Buttons */
.btn { ... }
.btn-color { ... }
.btn-size { ... }
/* #endregion */

[7GIT]

WbICHA, Ой!
Спасибо помогло, не понял в начале :)