Fold CSS declarations with region markers

In Visual Studio Code, we can make given CSS declarations foldable with the region markers.
Just wrap the declarations between /*#region*/ and /*#endregion*/ if you're using CSS, SCSS or Less.
SCSS and Less also accept // as a valid CSS comment, hence you can use // #region and // #endregion in the SCSS/Less files.
/* === Header === */
/* #region */
...
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
/* #endregion */
/* === Footer === */
/* #region */
...
/* #endregion */
/* === Responsive === */
/* #region */
...; /* #endregion */
The following screenshot shows how Visual Studio Code helps us organize the CSS of this site:
Fold CSS declarations with region markers
Fold CSS declarations with region markers