custom.css changes not being applied in Plugins SDK theme

• Type: Bug
• Status: Closed
• Resolution: No Longer Reproducible
• Affects Version/s: 7.0.3 CE GA4
• Fix Version/s: 7.0.X, Master
• Component/s: Dev Tools > Plugins SDK, ~ [Archived] Themes Infrastructure
• Labels: None
• Story Points: 1

Styles in custom.scss are not being included in main.css. Instead, custom.css and custom_rtl.css files with the styles are being added to the war.

 

Using the 7.0 CE GA 4 Plugins SDK (Note this bug may be present in previous versions as well)

Follow these steps:

1. Create a theme in the Plugins SDK.
2. Add a `_diffs` folder to the `docroot` folder of your theme.
3. Create a `css` folder inside the `_diffs/` folder.
4. Create a `_custom.scss` file in the `css` directory you just added.
5. Add the following styles to the `_custom.scss` file: #footer {background-color: blue;}
6. Deploy the theme with `ant deploy.`
7. extract the war file contents to examine the files.

Expected behavior: The styles are applied to portal. The custom styles are included in `main.css` in the war's `css` folder.

Actual behavior: The styles are not applied to Portal. A `custom.css` and `custom_rtl.css` file are included in the war's `css` folder. (see attached image)