Content well plugin changes
The third plugin receiving an update to Compass’ design language and functionality is the “content well” plugin. Here’s what you can expect:
- A new name
- CSS/HTML structural changes
- Content area specific styles
The first big change to this plugin is it’s name. Upon the launch of the updates, this plugin will become the “callout” plugin. This is to align the plugin more closely to Compass’ naming convention and reduce confusion between the two projects.
This plugin has historically come with simple styles to separate it visually from general content on the page. In addition, many template systems such as Katmai, slightly alters these styles for better integration:
While this approach has worked well, it’s visual identity can be too opinionated, conflicting with the styles of existing sites and certainly a different approach as seen on more VCU-branded websites.
The new styles are simpler, bolder, and do a much better job visually distinguishing it from surrounding content.
In addition, an even bolder color scheme is available out of the box. This color scheme is automatically applied to any callout used within the sidebar area, but can be enabled on any callout by adding the plugin-callout–accent class using name injectors.
Of course, with these visual changes comes structural changes. One of the biggest steps is a switch to the BEM class naming convention within the CSS for better maintainability and readability. In addition, there’s a slightly different HTML structure.
A detailed description of the code changes was sent to the T4Dev listserv (subscribe to receive future updates). Keep in mind these code changes may change upon release.
If you’d like to test these changes prior to launch on your website, please reach out to the Web Services team to gain access to the development content type.