Ashlar Release Notes

June 27, 2022


  • Manual Login option added to theme's appearance settings

June 13, 2022


  • Menu fix

June 6, 2022


  • Card styles for APICs page
  • Manual login toggle added to theme
  • Forced color improvements
  • Wordpress builds script improvements

May 23, 2022


  • Forced color mode styles added
  • Content Switchers javascript updated, multiple switchers can now be added to a single page and custom element may be used
  • Inline field label styles fixed

May 16, 2022


  • Fixed footer link
  • CDN scripting added

May 9, 2022


  • Fix for spacing helper classes
  • Typo fix for alerts
  • Files added for Azure deployments
  • Update component library yaml declaration

April 25, 2022


  • Minor style fixes for table and org chart

April 18, 2022


  • <wwu-footer> custom element created
  • Quicksearch removed from theme

April 11, 2022


  • A11y fixes for Ultimenu and taxonomy term styles

April 6, 2022


  • Layout template fix for homepage
  • Dark mode css fix for cards
  • Accordion fix for views
  • Views filter a11y fix

March 21, 2022


  • Apple touch icon added
  • Styles for new directory, homepage navigation

March 14, 2022


  • Performance improvements for skip to link
  • Heading structure fixes for aggregator feeds
  • Removal of deprecated Ashlar library

March 7, 2022


  • Breadcrumb cacheing issue fix

February 28, 2022


  • A11y patch for visually hidden text running together
  • A few css fixes

February 22, 2022


The display settings and search will be moved up to a new, pre-header bar. Additionally, the skip to content link will become visible without requiring focus. There has also been a new "Jobs" quick link added to the menu.


mobile screenshot of new header


desktop screenshot of new header

The mobile menu layout and animation will change from a sliding animation to a fading animation, and the layout of the Western Quick links will change slightly. The site and Western footers will also now be visible when the mobile menu is open:

screenshot of open menu on mobile

The skip to content button now also has additional navigation functionality, for jumping to various headers on a page.

open skip to content menu

This change will affect all sites on Drupal. The site menus, footers, and content will not be affected.

February 7, 2022


  • Contrast fixes

January 31, 2022


  • Org chart styles adjusted to allow for headings

January 24, 2022


  • Directory style fix

January 17, 2022


  • Unpublished page indicator made more prominent
  • imagemin removed from gulp tasks
  • SkipTo module added to skip links

January 10, 2022


  • Link contrast fix
  • Webform style fix

December 5, 2021


  • Some deprecated files removed from theme: timeline.js, majors layout
  • Style improvement for horizontal cards and linked taxonomy terms

November 21, 2021


  • Spacing fix on multi-column layouts

November 15, 2021


  • Spacing improvements for webforms

November 9, 2021


  • Alignment fix for image links
  • Focus fix for locations component

Unrelated to the theme, but noteworthy in itself: all Drupal 8 production and development sites are now on Drupal 9! 🎉 This major upgrade is mostly under-the-hood, though you may notice some new features in the administration menus. 

November 1, 2021


  • Contrast fix for org charts

October 26, 2021


  • Video light box fix
  • Headline style adjustments
  • Accordion a11y improvement

October 18, 2021


  • gulp-uglify replaced with gulp-terser for preprocess tasks
  • Font display set to swap for performance improvements
  • A11y fixes for announcements
  • Tooling updates for Drupal 9

October 11, 2021


  • Uglify replaced with Terser for pre-processing
  • CTA text color in headlines fixed

October 4, 2021


  • Fix for revisions breadcrumbs error
  • Small adjustments for multi-column layout spacing

September 27, 2021


  • Code base change for link styles
  • Equal Employment Opportunity statement link added to Western Footer

September 20, 2021


  • Spacing adjustments
  • Manual login button removed from Drupal login screen

September 13, 2021


Fixes for some spacing issues, styled links, and accessibility

September 7, 2021


Various bug fixes/style refinements

September 1, 2021: New Release, 4.0.0

Ashlar version 4.0.0 has been deployed. Most of the changes for version 4 are on the back end coding side of things, but there are some front end style updates you may have noticed. Some of these include:

  • New link styles, including styles for visited links
  • Default headings are now sans serif. Serif heading styles can still be used on a per-block basis, or can be set site-wide by WebTech.
  • Minor style changes to buttons and call to action links (formerly called "links styled as buttons")
  • New custom styles are available for a handful of blocks, including background colors on accordion blocks
  • Testimonial styles have a similar look and feel, but have been modified slightly
  • If you have selected Dark Mode in your operating system settings, sites will now display in dark mode by default. You can change to light mode using display settings.

A couple of less-used style variations on components (for example, a headline style) have been removed. In these cases, the components will appear as the default style after the changes go live.

August 2, 2021


July 12, 2021


  • General theme fixes

June 21, 2021


  • Bug fixes

June 8, 2021


  • New styles for Majors pages added
  • Skip links fix
  • Style fixes for cards in dark mode

June 7, 2021


  • Increase size of menu buttons to meach AAA touch targets

May 24, 2021


  • Some deprecated styles removed
  • Skip link bug fixed

May 17, 2021


  • Lightbox bug fix
  • Taxonomy term style bug fix

May 3, 2021


  • Org chart fixes
  • View list fix

April 12, 2021


  • Code cleanup/refactoring
  • Google tag manager added

April 5, 2021


  • Several new card styles added
  • A11y improvement for background videos

March 29, 2021


  • General code refactoring

March 22, 2021


  • Side-by-side content viewer added to MABEL objects
  • Dark mode style fixes for various components

March 15, 2021


  • Breadcrumb fix for view pages
  • Code refactors for background videos
  • Styles added for schedule component

March 8, 2021


  • Accessibility improvements for forms, ultimenu, quick search, and locations icon links
  • Featherlight removed (replaced by in house video code)

March 1, 2021


  • Code improvements

February 22, 2021


  • Update to breadcrumbs, which now show active page in breadcrumb path

February 15, 2021


  • Play link styles fixed for varying background colors
  • Overflow bug fix

February 8, 2021


  • Footer link updated for Flickr
  • Flowchart style updates

February 1, 2021


  • Minor CSS and HTML updates

January 19, 2021


  • Some basic print styles added
  • Bug fixes

January 11, 2021


  • Display setting toggle improvements

January 4, 2021


  • Bug fixes with pagers and figure captions

December 28, 2020


  • Styles added for statistics block, which will be available soon

December 21, 2020


  • Various bug fixes

December 14, 2020


December 7, 2020


  • Several bug fixes
  • New feature: Countdown Block

November 23, 2020


  • Skip to main content links moved into header region to prevent false flags or a11y errors
  • Made display toggle text more accessible

November 16, 2020

3.6.0 - New custom classes

  • .mirror class can be used to swap the direction of testimonial blocks
  • .color-block-title class can be used, with or without additonal .dark-blue or .light-green classes, on card blocks


  • Removed google optimize script
  • More fonts added to preload to improve performance
  • Style fixes for dark mode

November 9, 2020


  • Added display preferences for selecting fonts, setting dark mode
  • Styles for header have also been refactored to allow for more flexibility in the "Western Header" region for secondary site name and menu blocks


  • minor style fix for cards

October 26, 2020


  • Accordion bug fix, images should now load

October 12, 2020


  • The featherlight library for video lightboxes is no longer supported. We suggest using the Ashlar lightbox pattern instead for video needing to be highlighted in a dialog.
  • Additional active path patches.

October 5, 2020


  • Active path will now be highlighted in menus
  • Responsive containers added to embedded videos by default

September 28, 2020


  • Heading area refactored to remove a duplicate ID
  • Bug fixes

September 21, 2020


  • Fonts, spacing, and other size units have been converted from pixel to em/rem values for better accessibility and to respect user preferences as set in the browser
  • Fonts/material icons are now loaded locally within the theme
  • Quick search style updates
  • Fixes for new lightbox
  • Additional column helper classes added
  • COVID Attestation banner added
  • Report Bias quick links menu item added

September 14, 2020


  • New and a11y improved lightbox feature

August 31, 2020


  • Copyright statement added to footer
  • Improvements to full page testimonial styles on mobile

August 10, 2020


  • Style fix for headings on background colors
  • Bug fixes

August 3, 2020


  • Style fixes for headlines
  • A11y improvements for featherlight plugin

July 27, 2020


  • Minor style fix for split-style cards

July 20, 2020


  • Some spacing improvements on four column sections
  • More helper classes for margins and padding and making items fit the width of their container
  • New background colors available for beyond basic blocks
  • New button styles added
  • New heading styles added

July 13, 2020


  • General bug fixes for new header layout
  • Old logo variants removed from Pattern Lab

July 6, 2020


A significant overhaul of the header/splash area. This change should not affect menu structure or any content on the page, and should not result in any breaking changes or down time for the majority of sites. However, a small handful of sites will need to have a few page level blocks moved into a new region.

Old Western homepage at desktop resolution, with menu items below the splash areaNew western home page, with menu items above splash area and header items rearranged

Old drop now navigation, which appears at the bottom of the page and is frequently cut off  New drop down navigation, which features a gradient background but is otherwise unchanged

New mobile menu, which has minor changes mainly with where quick links appear   Old mobile navigation

Calendar, Directory, and Map links have been moved into the global footer

What changed
  • The Make Waves version of the logo will now be used across all sites
  • Some university quick links have been moved. Calendar, Directory, and Map are now located in the (dark blue) University footer.
  • Site names have been relocated to be more prominent
  • The main navigation has been moved above the splash area, and there are some cosmetic style changes
What did not change
  • The main menu content, functionality, or structure
  • The placement of items in the splash area (in other words, the area with a photo, and any headlines or content that appears in that section)
  • Anything in the content regions between the splash area and the university footer

In addition to the header change, version 3.0.0 now uses Pa11y hooks to run automated accessibility checks on development branches before they are pushed to the repository. See section "Accessibility Testing in Ashlar" of the readme for more information on how these checks run.

June 29, 2020


  • Updates to Email Signature template: Make Waves logo and optional Teams link added

June 22, 2020


  • Article tags removed from basic node template and media template
  • Accessibility fix for quote block types

June 15, 2020


  • Video backgrounds with accessibility improvements added (work in progress)
  • Deprecated 'Make Waves' block templates removed
  • Minor style fixes for event cards
  • View templates updated to remove header/footer tags

June 8, 2020


  • New Feature: Content switcher block type
  • Tribal Lands statement added to global footer
  • Print styles added for myWestern icons

June 1, 2020


  • Enhancements to paged form styles, including check marks for completed items

May 26, 2020


  • Styles for multi-step forms added
  • Google optimize code for homepage added
  • Deprecated vendor styles/library removed
  • Update npm to remove high/moderate security errors on installation

May 11, 2020


  • Minor style fixes affecting homepage and OCE


  • Styles added for form fieldsets/collections


  • Bug fix with flex display

May 4, 2020


  • New Custom classes for tables now available:
    • light-blue
    • lightest-gray
    • align-top
    • align-bottom
    • auto-layout
  • Style fixes for info cards/containing views
  • New Event list styles are now available


  • Display fix for banners with Blazy classes

April 27, 2020


  • Black and white gradient overlay options added for banners
  • Additional style options added for statistics
  • Underlined heading style option added


  • Link color fix for new gradients


  • Light green button styles added
  • Minor adjustments made to focus outline for main menu buttons
  • horizontal class can now be used used on card blocks to make them appear as they would in a 'card-list' container

April 20, 2020


  • Minor logo fix


  • Styles added for figure captions
  • Content switcher fixed on majors pages
  • Give links changed


  • New card styles can be used by adding "event", "information", or "information split-style" as class selectors to the html element containing the "card" class

April 13, 2020


  • Fallback font styles added
  • .responsive-table class styles improved
  • Logo updated to Make Waves in footer and on homepage header, and to stacked in header on other sites
  • Improved markup for SVG

April 6, 2020


  • New Feature: Custom classes introduced for image buttons. To use these, simply add the class to the 'custom class' field on the block.
    • smaller
    • green
    • simple (this already existed but it's been shortened from image-button--simple)
  • Exposed forms on views now have flex styles
  • Locations block has single line variant
  • 'align-center' class now works for buttons and image buttons


  • The 'give' link has been updated to the Student Emergency Fund VikingFunder
  • Style fix for headline blocks

March 30, 2020


  • different links indicating the types of documents and a link that opens in a new windowNew Feature: links that open documents will now automatically indicate what kind of file it is. For example, a link that is a Word document will now have a '(Word)' indicator, PDFs will have a '(PDF)' indicator, etc. Links that open in a new tab/window will have a "opens in new window" indicator.
    • You may notice redundancies if you've already included the document type in the link--if so, you can remove the extension since Ashlar will add them automatically.
  •  More cleanup of libraries to improve load times
  • Minor style fixes

March 23, 2020


  • Accordion focus contrast increased


  • Style fix for org charts


  • Helper classes for unset content

March 16, 2020


  • Bug fixes
  • Western Social removed from WWU Footer

March 10, 2020


  • Performance improvements with how Javascript is loaded and how CSS is compiled
    • Note for developers: This change will require you to re-run `lando npm install` in your working theme directory in order for your `lando gulp` command to continue working. Additionally, the default gulp command does a lot more behind the scenes and will take longer to run. For quicker development, use either `lando gulp watch` or run `lando sass:dev` to just compile sass files.
  • New Feature: weather/emergency alerts can now be activated through the theme

March 2nd, 2020


  • Bug fixes

February 24, 2020


  • Apply link location updated
  • Mail stop option added to email signature generator
  • Keyboard indicators added for content switchers (tablists)

February 10, 2020


  • Contrast fix for gray banner overlays

February 3, 2020


  • A11y fixes
  • IE fixes
  • General style adjustments

January 27, 2020


  • A11y improvements on logo
  • Style fixes


  • Style improvements for MABEL
  • Fix for styles on views bulk operations

January 21, 2020


  • Card block type template added. Card block types to be included with profile soon.
  • Other card styles adjusted, with more options for 2/3/4 column card layouts with both flex and grid css styles

January 13, 2020


  • Minor CSS fix


  • npm audit fix to remove security errors on installation


  • Templates for Accordion block types added. Feature will be available for use on Drupal 8 sites soon.
  • Field added to email signature generator
  • "aligned" headlines update to be able to use body field

January 6, 2020


  • Tagline styles added for different background colors
  • max-width--content helper class added
  • Vimeo icon added
  • minor style refinements

December 30, 2019


  • Styles added to make views with "Grid Layout" more responsive. If you have a view with this setting and it starts to look funky, uncheck "Automatic Width" under the grid settings. It is also recommended to use the horizontal alignment option, rather than vertical, for best display results.


  • Spacing on multicolumn layouts made more consistent

December 16, 2019


  • A11y heading added to Quicksearch Component

December 9, 2019


  • Pager styles improved
  • Colors are donut charts were rearranged for better readability
  • Status alerts component added
  • More padding/margin adjustments on Beyond basics blocks
  • Styles added for card containers that use flex instead of grid (nothing yet in pattern lab, but classes work)


  • Responsive video wrapper helper class addded


  • Fallback background color added to blocks (like banners) with overlays

December 2, 2019


  • H3s made green on blue blocks
  • Fix for snowflake icon
  • Font swap fixes

November 25, 2019


  • Helper classes added for creating columns in things like views and ckeditor content
  • Spacing adjusted on beyond basics blocks without background colors (removed extra padding etc.)
  • Content switcher tabindex fixed
  • Give link URL updated
  • Footer text updated
  • Title links removed for embedded blocks


  • Bold tags removed from search results, style added instead

November 18, 2019


November 12, 2019

2.8.3 - 2.8.6

  • Space/font size fixes for admin menus
  • Alerts JS fix
  • Add jump to results link to MABEL


  • Major reorganization of _patterns folder (mostly affects pattern lab and people editing the theme)
  • Styles for unpublished content added
    • node.html.twig template added back to accommodate this feature
  • NEW 404 Page, with viking ship animation
  • Email signature ID fix

November 4, 2019


  • Theme Cleanup:
    • Removed Ashlar .html.twig templates for nodes and comments. Default Drupal templates will get used instead.
    • Some .twig.html templates cleaned up for more consistent coding with other templates (only really affects pattern lab)
    • SASS clean up
    • fix validation errors resulting from duplicate class and id attributes in menus

October 28, 2019 -


  • @mixins are replacing @extend rules, for more maintainable code
  • New block type: Banner
  • .big-bold-headings class replaces .erm-headings
    • Styles improved
    • On blocks with customizable headings (beyond basics, image w/ desc, and new banner block) field_heading_style is replacing field_heading_font. The latter will still work, but is being deprecated
  • Added logic for p-h6--largest font sizes (applies to .big-bold-headings), removed .title-font sizes
  • In pattern lab, backgrounds are now a separate atom. Only one twig file needs to be updated when adding new components to different background colors.
  • Knockout fonts removed, some unused make-waves stylesheets removed
  • Contrast improved on warning messages
  • Link option added to email signature pronouns
  • Ultimenu styles added to prepare for version 2.0.0
  • Skip-to-content links improved

October 21, 2019

  • 2.7.1 - Drupal argument removed from gulpfile.js iife
  • 2.7.2, 2.7.3 - Logo a11y improvements
  • 2.7.4 - a11y fix for donut charts

October 14, 2019

  • 2.6.8, 2.6.9 - bug fixes
  • 2.6.10 - Icon styles for
  • 2.7.0
    • New layouts added - 1-4 columns that span the full width of a page
    • Deprecated layouts removed. If you run into problems with your site because of this issue, contact Stephanie
    • Small button styles added
    • Medium green darkened for contrast
    • Code cleanup
    • Custom field templates removed — default is now core field template (may cause errors on your site- try refreshing the cache)

October 7, 2019 - 2.6.3-2.6.7

  • Bug/style fixes
  • Minor style updates to cards and forms
  • Smooth scroll added as default
  • Fixed markdown filenames for title display in pattern lab
  • Aria controls added to accordions
  • Improved accessibility for social media icons
  • More table examples added to pattern lab, with scopes and spans for complex tables

September 30, 2019

  • Updates to heading styles

September 23, 2019

September 16, 2019

Version 2.6.0

  • Locations block added (NEW)
  • Focus style fix for main menu navigation
  • Classes added to create differently sized icons with text
  • Mabel homepage style fixes

September 9, 2019

  • 2.5.3
    • Some styles added for Event page feature
    • .black-overlay class removed as an option for headlines (use .box-headline instead)

September 3, 2019

  • 2.5.1 - bug fixes
  • 2.5.2 - Fix Chrome bug on email signature generator
    • Add spacing to elements with 'align-left' and 'align-right' classes (added by Drupal's CKEditor)
    • Adjust styles on menu flyout headings
    • Style fixes for "Apply" and "Give" buttons in the mobile menu

August 26, 2019

  • 2.5.0 - Pie chart styles & custom block type added, some helper classes to adjust spacing added, SiteImprove tracking script option added

August 19, 2019

  • 2.4.8 - Style improvements (mainly for mobile) for local task tabs, single column layouts, statistics collections, and quotes.
  • 2.4.9 - Fix green button styles to meet contrast
  • 2.4.10 - Logo updates

August 12, 2019

  • 2.4.7 - Improved accessibility for Quicksearch
  • 2.4.6 - added fullpage.js for ERM page use (may expand for further with another release)

August 5, 2019

  • 2.4.1, 2.4.2, 2.4.3, 2.4.4, 2.4.5 - bug fixes (menu, pattern lab, MABEL styles

July 29, 2019 - 2.4.0

  • Directory Listing and Profiles
  • Language picker pattern added to theme
  • Full single column layout added
  • Image with description pattern added
  • 2.3.1 - Contrast issue for site footer fixed
    • Added more levels to org charts
  • Bug fix that affected saving in Drupal
  • JS Bug fix affecting pattern lab menu functionality
  • Label fix for aside blocks
  • Organization of cards changed in _patterns folder
  • Adjustments made to ERM styles
  • Focus styles added for content switchers
  • Accordion alert added to Ashlar D7 sites

July 22, 2019 - 2.3.0

  • Give link added to quick links menu
  • UTM tracking code removed from button block types
  • Acalog script added for loading widget
  • 2.2.5 - jquery.once fix for event tracking
  • 2.2.6 - 4col cards are 2col on smallest screens, fixes gap on MABEL homepage
  • 2.2.7 - fix ie display of announcements

July 15, 2019 - Version 2.2.4

  • Aria label removed from menu blocks

July 8, 2019 - Version 2.2.1, 2.2.2, 2.2.3

  • H1 a11y fix for sites with page titles in headers
  • Styles added for Drupal 8.7 layouts
  • Starting to deprecate pre 8.7 layouts (but the templates & styles are still in the theme)
  • Style fixes for Make Waves page

July 1, 2019 - Version 2.2.0

June 24, 2019 - Version 2.1.0

  • Styles and JS added for ERM page and menu
  • aria-current added to breadcrumbs
  • Bug fixes for some WAVE contrast flags
  • Login form styles fixed
  • image-button--simple option added

June 17, 2019 - Version 2.0.0

  • In Drupal, two custom block fields will no longer be functional: field_button_size and field_button_style
    • Instead, the plain text field_custom_classes can be used to manually inject the style classes
    • There is now the option to also style buttons as round or square
    • True <button> elements have different styles than <a> elements with the button class
  • Testimonials and image buttons have received new styles
  • New quote style available, along with a custom block type for it
  • There is also an additional testimonial style that can be used by adding the "testimonial--full-page" class to the custom class field on testimonial blocks
  • Additional font tweaks made, "title-font-heading" class is now available
  • Statistics and statistics collection styles added
  • Styles added for creating half & full page blocks (these span outside of the normal maximum content area)
  • Classes & styles added to easily use images in blocks as backgrounds, and to add colored overlays to them (see pattern lab atoms)
  • Secondary site name can now be used as a custom block
  • Bug fixes, versions 2.0.1, 2.0.2, 2.0.3

June 10, 2019 - Version 1.1.0

  • New feature: Simple Flow Charts
  • Font size tweaks
  • .tagline class is available for sub-headers (very basic styles)
  • Link moved in MABEL

June 3, 2019 - Version 1.0.0

The start of our semantic versioning journey. A lot has happened and changed in the history of Ashlar to this point, but this is what we're hereby dubbing "1.0.0"