Changelog

2.57.0

New Boolean value mixin for on-off fields

After using it for the A&AP’s multiple value Support program field, it’s now part of the Design System.

New

  • Add the Boolean value mixin (boolean-value.scss) and integrate it in the Workflow unit styles (workflow-info.scss)

2.56.0

Styled sub-features, new Elements group, and better CTA contrast

New

  • New Elements group (elements) that functions as a helper for icon-less grid Features and includes the features.twig template directly with no modifications
  • Add a 2-column variant (columns-2) to the Features group (features.twig) for very long text in 4-feature groups and include l-grid--wide into the grid list class when present
  • Add a secondary (secondary modifier) Sub-features variant to the Features group (features.twig) for features of less importance presenting smaller icons and blocky headings styled in features.scss
  • Allow for specific pecify the wide grid modifier in Grids (_utilities/grids.scss) and provide own --items-X modifiers and adapt the Grid mixin (_mixins/grid.scss) to take wide into account when there’s exactly 4 items

Improvements

  • Increase contrast of the CTA unit on a themed page using by including the component class in the list of slightly darker than page background list in _mixins/theme.scss (not --blend-in) and reverting it in _mixins/container-with-background.scss
  • Use the leaf rounded border in the CTA unit in _unit/cta.scss
  • Add Brazil, Bulgaria, India, Jordan, Moldova, Mexico to the Teams group config (teams.config.yml)
  • Remove the needless list-unstyled and wide modifiers from the list class of the Color brand demo (color.twig) and add the now common --items-X modifier class

2.55.0

Improve themed menu item highlight contrast

Improvements

  • Replace accent with complementary as background for highlight in theme.scss mixin

2.54.0

Style highlighted items in a Menu

When ‘highlight’ is set in the configuration, style the item differently.

New

  • Style highlighted menu items (non-current) with a dark-blue background in menu.scss unit
  • Style highlighted menu items with the $accent-color in the theme.scss mixin
  • Highlight an element in the Menu (menu) unit, Site navigation (site-navigation) region, in the Single (single) demo

Improvements

  • Add --lighter as a variant for colors in the colors.scss helpers
  • Move the Profiles (profiles) group notice below it’s heading

2.53.0

Embedded Notice for Profiles and Highlight for Profile index card

New

  • Include the notice warning unit in Profiles collection (profies.twig)
  • Include a highlight in Index Card (index-card.twig) styled by people-list-item.scss mixin

2.52.0

Add Website coordinator to the exclusions in custom block editor CSS

New

  • Add not( .role-website_coordinator ) to the rule hiding the post status in block-editor.scss (compiles into admin-wordpress.css)

Fixes

  • 78c500485 2025-01-28 Fix 3-column text-only Timeline and Section header in Page lead (tag: v2.51.1)

2.51.0

Add a deco and better spacing to Section Header

Also fix too narrow layout: the containers were uncomfortably narrow, especially profile cards and timelines.

New

  • Display a leaf deco in Section Header in section-header.twig when provided by config in section-header.config.yml and adjust spacing in section-header.scss
  • Make sure the new Section Header spacing doesn’t ruin the Banner spacing in banner.scss
  • Show the demo in single.config.yml

Fixes

  • Change the default max size of the container mixin to container-max-width-huge in the container.scss mixin.

2.50.0

Allow video embeds in full Profile; selectively improve line length

When the video embed context is passed through to the full Profile template, display it above the bio in the main container.

To improve readibility adapt the container mixin (and include new helpers) to max out at 1140px (the x-large max width), but adapt to smaller sizes when provided a 3rd parameter of a max size by including a padding on the end side.

New

  • New container mixin parameters to specifiy a max-width in @mixin/container.scss with a default max size of $container-max-width-x-large (1140px)
  • New helpers in the layout utility for .l-container--max-large and l-container--narrow & l-container--max-medium using the new container mixin parameters in layout.scss
  • Limit width of centered Page lead region heading to $container-max-width-large and for left-aligned to $container-max-width-huge
  • New embed included in full Profile when the videoEmbed context is provided by profile.config.yml to profile--full.twig
  • New Resouce Card view mode style and demo in resource.scss and resource--card.twig respectively
  • Demo of Resources group with grid alignment in resources.config.yml
  • Use the narrow container for a full Post template content and a large one for accessories in post--full.twig
  • Use the medium (narrow) container for a full Job template content in job.scss and a large one for accessories in job--full.twig
  • Separate full Page text direct children (e.g. p, ul, ol, blockquote) in a narrow container in page.scss
  • Max out direct Heading and Lead child units of direct children to the container-max-width-large container in page.scss

Improvements

  • Make the Gulp error output readable by silencing Dart Sass deprecation warnings of all sass() calls in gulpfile.js

Fixes

  • Fix misaligned full Resource content view when there are no sidebar elements to display by simplifying class names in resource--full.twig
  • Fix extra padding in the Features group list view in features.scss
  • 8b03abf73 2024-12-12 Fix minor version in latest (tag: v2.49.1)

2.49.0

New map for Brazil

  • Add the map SVG to assets: map-br
  • Include the country in country-maps.config.yml

2.48.1

Improve display of list item and resource thumbnails

Fix variable width backgrounds for Resource teasers by allowing images to be shown and fixing the “background only” hidden image misbehavior.

New

  • Remove the background data-style from List item when it’s not backgroundOnly in list-item.twig
  • Remove unit specific background positioning rules from resource.scss

2.48.0

Add a GDPR acceptance to the Mailing List unit

To mirror the newsletter CTA and use it in the site footer, include the acceptance.

New

  • Add the site policy sitePolicy check to mailing-list-form.twig and its config

2.47.0

Sass global function deprecation in favor of modules

Global functions are replaced by module functions:

  • @use "sass:color"; and color.channel in stead of red(), blue(), green(), and color.adjust in stead of transparentize(), lighten(), and darken()
  • @use "sass:list"; and list.index() in stead of index()
  • @use "sass:map"; and map.get() in stead of map-get()
  • @use "sass:meta"; and meta.type-of() in stead of type-of()
  • @use "sass:string"; and string.slice in stead of str-slice(), string.length in stead of str-length()
  • math.percentage in stead of percentage() (sass:math already in use)

2.46.0

New Banner area positioned background photo and Agenda ajustments fixes

Create a variant for a section (e.g. in a banner) that positions a column (i.e. area) with a background image to its start or end 1/3, and wrap text so that it doesn’t overlap

New

  • Add a section (i.e. area) background to the positioned-backround.scss mixin
  • Add the “photo area” variant to the Banner unit, modifier positioned-background--section, with 2 positions: start and end, to banner.config.yml
  • Delegate the containerization of the background--section variant content wrapper to the positioned-background.scss from the section.scss mixin

Fixes

  • 77a5727d6 2024-11-26 Fix uneven parallel backgrounds and improve Agenda spacing (tag: v2.45.4)
    • Hide topics (meta tags) in Agenda (agenda.scss)
    • Have agenda item fill up the entire space of its parent in Agenda item (agenda-item.scss)
  • 812cce523 2024-11-22 Force re-build
  • 5265381cc 2024-11-22 Fix skip to top on modal close by removing overflow-x from body in reboot.scss (tag: v2.45.2)
  • a6f8c3f31 2024-11-22 Fix skipping to top when using Agenda item faux heading links (tag: v2.45.1)

2.45.0

Event Agenda UX overhaul and maintenance update

Main new updates are that:

  • the agenda can start with a “side track” date, e.g. a “Soft opening”, that’s not numbered as “Day 1”;
  • seeing details of sessions requires a click or tap instead of that awful hover that is still available for clients without javascript

New

  • Add a new process_agenda() that adds classes, ARIA attributes, and prepares agenda items to be opened in modals

  • Split the display of the Agenda for no-js (the previous behavior) and with-js the new open in modal in agenda.scss

  • Style the featherlight container for an Agenda item in agenda-item.scss

  • a71944c3d 2024-11-21 New one-liner override in Agenda unit: If the oneLiner is present in an Agenda date, the day is no longer numbered and instead the week day: one-liner combo is shown in agenda.twig (tag: v2.44.2)

  • e24993eb0 2024-11-21 New well-being (wellbeing) and admin admin color codes for Agenda item unit in agenda-item.scss (tag: v2.44.1)

Improvements

  • The Tag unit uses the leaf-border-radius mixin in tag.scss
  • Add the global JS variables sia_global_variables to the preview templates

Fixes

  • 5a711f557 2024-11-22 Fix loop numbering in the Agenda unit by exluding the oneLiner and use a dateIndex and skippedDates to adjust day numberings in agenda.twig (tag: v2.44.3)
  • 132bb6638 2024-11-22 Commit the Agenda config (agenda.config.yml) for the previous fix (tag: v2.44.4)
  • 708a99f99 2024-11-22 Fix dev appearance of Agenda caused by the build task using WIP files (tag: v2.44.5)

2.44.0

Maintenance update, mostly campaign related fixes

Catch-up on cosmetic and functional commits, plus the new banner UI color improvement:

  • banners and forms in the Impact Blueprint campaign
  • extra mark-up in the Mailing list form unit
  • false positive response on the AJAX return

Fixes

  • Fix undesirable black text on dark overlays in the campaign has-overlay elements (e.g. the banner) by overwriting the black heading color with a new rule taken from the theme mixin targetting headings in campaign-impact-blueprint.scss
  • 3f0169b2d 2024-11-09 Ensure the mailing list lack of response doesn’t trigger positive UI by checking for either a positive (success) or negative (error) response in global.js:process_mailing_list_forms() (tag: v2.43.4, tag: releases/v2.43.4)
  • 784b3bdc0 2024-11-09 Minor UI improvements to the Impact Blueprint campaign and form unit in campaign-impact-blueprint.scss and mailing-list-form.scss (tag: v2.43.3, tag: releases/v2.43.3)
  • 9d767599f 2024-11-09 Separate text inputs (e.g. input type='text') turning black on hover and focus in Impact Blueprint caused by greedy rule destined for submit elements in campaign-impact-blueprint.scss (tag: v2.43.2, tag: releases/v2.43.2)
  • b321bab73 2024-11-08 Fix extra
affecting page layout in mailing list form unit mailing-list-form.twig (tag: v2.43.1, tag: releases/v2.43.1)

Improvements

  • When deploying stage only files generated by gulp build from deploy.sh and allow for leaving work in progress un-staged

2.43.0

Process mailing list subscriptions asynchronously MVP

Hook via JS into the mailing list forms that have a specific class and, when a global variable is present, configure the form’s submit handler to format and send input data to an endpoint.

Once the response comes, adapt the UI to reflect the positive or negative outcome. When it’s positive, send a Mailing list subscribe event to GTM.

New

  • Prepare mailing list form elements in global.js for hijacking the form’s submit handler to POSTing depending on config and update the UI depending on the result
  • Add inline script configuration to component configs in the context.preview.inlineScript (used in mailing-list-form.config.yml) processed in preview.twig and preview-rtl.twig and added to the head element
  • Adapt the Mailing list form component (mailing-list-form) by adding the signaling async class and providing global window variables to develop the global.js:process_mailing_list_forms() handler

Improvements

  • New: Improve display of Mailing list form component by groupping the opt-ins in mailing-list-form.scss
  • Improve the r-content region display in campaign-impact-blueprint.scss
  • Group all processing done in global.js after the jQuery( document ).ready event in discreete functions to improve the readability of the callback function

2.42.0

First branded campaign styles for Impact Blueprint

Create a mechanism for campaigns to style pages:

  • add their SCSS in scss/campaigns
  • tracked by the gulp watcher
  • demo in the Impact Blueprint template and campaign styles that style only the r-content region

New

  • Watcher for the scss/campaigns/ folder in styles_campaigns() in gulpfile
  • Demo template component in template/impact-blueprint
  • Style the Impact Blueprint campaign from scss/campaigns/campaign-impact-blueprint.scss
  • Graphic components for the Impact Blueprint

Improvements

  • Don’t limit the page-lead width to 84% below a screen size of $breakpoint-medium

Fixes

  • a004c304c 2024-11-06 Adjust Resource background behavior by enforcing contain (tag: v2.41.2)
  • ed0084f3c 2024-11-06 Switch to a contain background for Resource teaser or list item (tag: v2.41.1)

2.41.0

New Mailing List Form unit and Mailjet embed unit components

New

  • New Mailing list form unit in unit/forms/mailing-list-form.twig.
  • New Mailjet embedded form unit in unit/mailjet-embedded-form.twig with support for additional list opt-ins.

2.40.0

New Resources group template

Needed for the new resources block.

New

  • New Resources group in group/resources.twig with a listing display.

2.39.0

Update npm depenencies for ARM architecture

Dependencies

  • New package.json after cleaning node_modules

Fixes

  • 3c9034f10 Better contrast of the Featherlight vendor close button in assets/src/scss/vendor/featherlight.scss
  • 9e972fb4b Improve style of Social Login and Modal Login Register links in _wp-social-login.scss and _m-modal-login-register.scss

2.38.0

Bring in the style of Modal Login and Social Login

To improve the UI of community voting, style the links used in Wordpress for logging in with Wordpress Social Login, and the display of the custom Modal Login Register.

New

  • New wordpress/adapter for the WP Social Login plugin in wp-social-login.scss that, in theory, shows the “Connect with X” links (the text is heavily filtered)
  • New wordpress/adapter for the Modal Login Register custom plugin in m-modal-login-register.scss that improves spacing and remove outdated “icons”

2.37.0

New map for Bulgaria

New

  • Add the Bulgaria map SVGs to assets: map-bg
  • Include the country in country-maps.config.yml
  • Include the country in country-switcher.config.yml

2.36.0

New icon for the X social network

New

  • New X logo icon x-icon.svg in with-icon.scss mixin as --xcom
  • Demo inclusion of the X logo in the Social links unit and Site footer region

Fixes

  • 852b5afbb 2024-07-15 Fix full Resource without download link caused by incorrect switch in resource--full.twig checking only for fields, but not externalLink or fileLink

2.35.0

Minor UI improvements

Better spacing for the select2 Drupal frontend adapter, unhidden focus area in a dashboard block, correct parent component in audience.twig inclusion of link.


2.34.0

Improved incubation platform iconography and content meta

Add the necessary icons for audience, focus areas, and content types. Create units for each and load them in the meta unit if present. Enhance the Resource and Guidelines entity context for improved meta.

New

  • New icon for Audience in icons.config.yml styled in mixins/with-icon.scss
  • Add specific classes for content types audio, document, tool and video to mixins/with-icon.scss
  • New Audience unit in components/unit/audience/ styled with unit/audience.scss including the with-icon mixin
  • New Content type unit in components/unit/content-type/ styled with unit/content-type.scss including the with-icon mixin
  • New Focus areas type unit in components/unit/focus-areas/ styled with unit/focus-areas.scss including the with-icon mixin
  • Included all 3 above in the Meta unit context and template in components/unit/meta/
  • Add audience above to the meta context of the Guidelines entity components/entity/guidelines/
  • Add content type and focus areas above to the meta context of the Resource entity components/entity/resource/

Improvements

  • Specify and style the list-item view mode for Guidelines (guidelines.config.yml) and Resource (resource.config.yml)
  • Visual adjustments to facets and field in the drupal-8/frontend adapter

2.33.0

Improve forms and fix grids and one Drupal 10 JS adapter

Improvements

  • Style form legend in base/forms.scss
  • Adapt legend styling in adapter/drupal-8/frontend/forms.scss
  • Reduce font size of all label elements
  • Specify a level 1 z-index for the __content-wrapper class attribute selector in mixins/section.scss
  • Wrap form elements in fieldset, as they should have been, in base/forms.twig
  • Improve handling of themed banners’ backgrounds by excluding those with either t-theme or t-background in the class attribute from mixins/theme.scss

Fixes

  • Fix the page lead column attribute selector [class*='col'] firing also on an html element with a color class in page-lead.scss
  • Fix the Drupal 8 double-submission JS adapter firing twice by including once in prevend-double-submission-adapter.js
  • Fix rainbow decoration showing over text in unit/banner.scss by specifiying a negative z-index
  • Fix inconsistencies of using icon-SIA and icon-sia as modifiers in both templates (e.g. app-homepage) and SCSS (e.g. mixins/theme.scss) by using exclusively icon-sia, lowercase

2.32.0

Drupal adapters compatible with Drupal 10

New

  • Refactor drupal-8 JS adapters to include once as a parameter and rewrite where it’s in use after jquery.once was deprecated in Drupal 9.2.0

Fixes

  • Remove unused and missing gulp-svgmin package from gulpfile.js

2.31.0

Add India to Country Maps config

There is no country map icon.

  • Include the country in country-maps.config.yml

2.30.0

Inline progress bars for reports usage

Create a progress bar variant that’s small enough to be used inline with text. While at it, improve progress bar Stat contrast by defaulting to the malibu background

New

  • Add an inline variant to both stat.config.yml and stat.scss
  • Add rules for color coding of the progress-bar variant in stat.scss

Improvements

  • Ensure a good contrast of progress bar Stats with text on top of the bar regardless of color coding by lightening the bar background, darkening the text in stat.scss

2.29.0

Contained Banner variant

For text-only banners, provide a ‘containered’ variant that has its content wrapper inherit a layout container via the section mixin.

New

  • Add the --containered-content rules including container to the section mixed in
  • Add the containered-content to one of the Banner’s variants (half-page, accent background, themed, contained content)

2.28.0

New intense overlay shown in Banner

Provide the variant of dark overlay when the text is really not shining through a background image.

New

  • Style the overlay mixin contained in has-overlay differently when modified with --intense-overlay
  • Use the modifier in Banner for the Cover full-height variant in banner.config.yml

Fixes

  • Remove hard-coded l-section and, more importantly, l-section--cover from Hero (hero.twig) causing Page lead to ‘cover’ the whole page, and include the section mixin in the hero unit
  • 0d4f70f04 2024-04-22 Fix Features heading tight spacing by adjusting the margin depending on the presence of a lead (tag: v2.27.2)
  • 8dca9ae72 2024-04-22 Add background and color selectors to Wordpress adapter by generating rules for the editor classes (e.g. has-[]-color) (tag: v2.27.1)

2.27.0

Improved landing page elements

More flexible banner elements, condensed event lists, lead text in features, and a One True CTA proof of concept.

Better banners Position smaller, transparent background pngs on a banners. A clearer ouline of variants in the library.

Condensed list items

Used in Events on a Landing page, the “condensed” concept it futher minified, with no more swatch spacing and a “listicle” heading.

One True CTA (W.I.P.)

Start working on an attention grabber that’s on the page only once. A use-case is a site-wide campaign that has a CTA pointing to it on all other pages. For now, the presentation is unsatisfactory.

New

  • Banner layout and background: use positioned-background modifiers to place smaller graphic decorations and the layout key for cover or half-page sizing
  • List item display: use the ‘condensed’ modifier to adjust sizing and spacing in the list-item mixin
  • One True CTA: add the one-true-cta variant that’s positioned right above the page content (i.e. sometimes below the site navigation) and has an accent background
  • Separate the full-height styles in their own full-height mixin, used by section and, by extension, banner with full-height layout variant
  • Add a buried level of z-index in the z-index config, used for background images
  • Add a positioned-background mixin that sents the container’s position as relative positions a background-wrapper element depending on X and Y axis modifiers, with it having a contain background and a maximum 33% area, used for positioned background sections and banners
  • Add a lead unit element to features
  • Process the layout value in the display context property in the get_component_class Twig adapter method in fractal.js

Improvements

  • Reorder and relabel the Banner variants in banner.config.yml and the CTA variants in cta.config.yml to showcase the many variants using as few pages as possible
  • Document Banner variants in the component’s README.md
  • Reorder the the Colors somewhat logically, grouping accent and complementary by theme, with themes ordered alphabetically, in the colors config
  • Move all background and layout related rules from banner into the section mixin it uses in preparation for a Section unit
  • Add l-half-page as a selector to the layout utilities

Fixes

  • Make sure half-page doesn’t misbehave when the content would need more than 50vh by setting it as min-height
  • Override the has-drop-cap WP selector in the wordpress adapter

2.26.0

Improved full Venue display

When there’s no content, show the map in a 21by9 container.

New

  • Add a full-width modifier to the location container when there’s no content in venue--full.twig
  • Float the location right only when it does’t have the c-venue__location--full-width class in venue.scss

2.25.0

New Condensed view mode for Event entity

Re-use the list item view mode to create a shorter list of events.

New

  • Add the condensed view mode to the Event entity config event.config.yml using the list-item view
  • Use the ‘compact’ fit for the condensed view mode in event.scss

2.24.0

Reverse the build deploy approach to always build when deploying

After again skipping the correct library build before a deploy, the default is now to build the library before a deploy.

Fixes

  • Reverse the switch in deploy.sh from default false --build to default false --skip-build
  • ac7d03777 2024-04-09 Rebuild the library (tag: v2.23.1)

2.23.0

Maintenance update, spacing improvement and cosmetic fixes

After bringing in more elements into the A&AP, small discrepancies appeared, especially since Bootstrap overwrites are still required.

Improvements

  • Bring a bit more spacing in Section in section.scss
  • Decrease Tag font size to %micro in tag.scss
  • Improve spacing of Callout that has a Lead as a :last-child in callout.scss
  • Improve spacing of stats in a Dashboard block when they occupy more than one row in dashboard-block.scss

Fixes

  • Fix placement of background image for an Event in list item size by limiting the rules to only with-country-map media in event.scss
  • Fix variable font color on hover for the button element (not necessary for a) in button.scss
  • Fix color coded Tag background in container-with-background.scss
  • Fix missing background image of List item above $small breakpoint in list-item.scss

2.22.0

New map for Moldova

New

  • Add the Moldova map SVGs to assets: map-md
  • Include the country in country-maps.config.yml

Fixes

  • Fix inconsistent alignment of Vision Statement and supra-header in Page lead (page-lead.scss) variants
  • 40e11a853 2023-11-22 Improve the Agenda sessions behavior a little (HEAD -> master, tag: v2.21.3, tag: releases/v2.21.3, origin/master, origin/HEAD)
  • 253f0b925 2023-11-17 Fix Logo Organizations display and Meta configs (tag: v2.21.2, tag: releases/v2.21.2)
  • 6625292ba 2023-10-25 Use a specific pre-encoded address parameter for the Venue map (tag: v2.21.1, tag: releases/v2.21.1)

2.21.0

New Entity embed component and better Venue

Add a component that wraps around an entity and loads its template. The context is the entity itself and it’s used as a placeholder for a Gutenberg block.

New

  • New Entity embed (entity-embed.twig) unit component serving as an adapter
  • New static map list item for the Venue list-item view mode as background only

Improvements

  • Fix both background only media and the look on smaller screens in list-item.scss mixin

Fixes

  • Ensure that a background-only media is shown in a list item on smaller screens from list-item.scss mixin combined with a new modifier class in list-item.twig
  • 25adae7a0 (tag: v2.20.2) Re-build the component library
  • 11a03d1aa (tag: v2.20.1) Update the Venue config

2.20.0

New Venue entity template

New

  • New full Venue entity template (venue.twig) styled in venue.scss
  • Add a Google map embed variant to embed.twig shown in 1x1 ratio and use in the full Venue entity template
  • Add a new ratio context key but default to 1 by 1 for maps and 16 by 9 for video

Fixes

  • 6912af518 (tag: v2.19.4) Build library
  • ff93edab7 (tag: v2.19.3) Improve Agenda block editor layout in wordpress-admin.scss
  • f29ef6cf6 (tag: v2.19.2) Multi-day agenda improvements

2.19.1

Multi-day agenda improvements

Improvements

  • Prefix the week day with the day number (e.g. “Day 1: Tuesday”) in a multi-day agenda
  • Add a day venue the Agenda unit (agenda.twig) and improve spacing in agenda.scss
  • Adjust position of the Meta unit after a large heading in meta.scss

2.19.0

New Agenda component with parallel sessions

Used in connection with an event, the Agenda component describes days, time slots as Agenda items, and, for parallel sessions, sub-sessions. For each time slot it loads the Agenda item component which, in turn, might load it’s own parallel sessions.

New

  • New “Agenda item” unit component (agenda-item.twig) styled by agenda-item.scss and recursively calling itself once if necessary
  • New “Agenda” unit component (agenda.twig) styled by agenda.scss using Agenda items
  • New, third, Date unit (date.twig) type of processing when timestamp is in the context and a purely decorative option when decorative is in the display.modifiers context array, and document the possible behaviors
  • New location pin icon noun-location-pin-1515429.svg in with-icon.scss mixin as --direction or --location
  • New “Location” unit in location.twig using the location pin icon
  • Add location as an element of Meta (meta.twig), used in Agenda item
  • New Tag mixin in tag.scss used by the Tag unit in tag.scss
  • New Speaker variant for the Index card unit in index-card.config.yml and index-card.scss

Fixes

  • Preset font size for the --blocky Heading variant
  • Fix sub-element flow of Author and Speaker variants of Index card unit in index-card.scss
  • Fix the minimal-link() mixing not specifiying it’s own border color in the links.scss mixin
  • Fix byline Index card Author display not inheriting Meta font size and link style in meta.scss
  • Increase whiteness of the muted color in the colors.scss config to increase contrast with light-gray

2.18.0

New map for Mexico

  • Add the map SVG to assets: map-mx
  • Include the country in country-maps.config.yml

2.17.0

New the Eventbrite embedded checkout unit component

A basic component that has an event id parameter and calls the Eventbrite widgets script.

New

  • Add a new Eventbrite checkout unit in eventbrite-checkout.twig minimally styled by eventbrite-checkout.scss that takes a number (eventId) as context parameter and calls the Eventbrite widgets.js script

2.16.0

Show the number of votes in a Venture’s meta

New

  • Add a new Likes unit in likes.twig minimally styled by likes.scss that takes a number (count) and a text as parameters and shows the heart icon
  • Add the heart icon the with-icon.scss mixin (also with likes as a modifier)
  • Add the likes values to the Venture entity (venture.twig)
  • Display the Community Voting region as the default container in a Page with the results modifier in page.scss

Fixes

  • Fix showing meta in the List item unit when it has other properties than items by removing the meta.items switch from list-item.twig
  • 0e96835f3 (tag: v2.15.3) Fix offscreen mixin absolute position triggering horizontal scroll by hard-coding the left property in the offscreen mixin (using $startDirection triggers a horizontal scrollbar in RTL)

2.15.2

Adjust Figures in columns on small screens

  • Add media queries to figures.scss

2.15.1

Build the library


2.15.0

Maintenance update, mainly fixes for Community Voting

Fixes

  • Cosmetic changes to Community Voting region
  • 3ce4c368c (tag: v2.14.4) Replace hard-coded LTR CSS
  • ddc73d07e (tag: v2.14.3) Fix position of Community Voting ‘Add’ button
  • 0bc4ece50 (tag: v2.14.2) Adjust Community Voting and fix missing Venture eid
  • 03a82290d (tag: v2.14.1) Build the library

2.14.1

Build the library


2.14.0

Advance Community Voting

Now there’s at least the voting bullentin. And there’s a label to the sharing links, e.g. ‘Share’.

New

  • Incorporate legacy community voting in community-voting.scss
  • Show a “Share” label, if provided, in Social links unit (social-links.scss)
  • For the first fucking time include the entity id in an entity display for Venture, shown as eid- in all venture.twig variants
  • Add a helper that adds a query parameter in the modal trigger in global.js::addQueryStringParameter()

Fixes

  • Stop showing a min-height in a video hero in hero.scss

2.13.0

Provide LTR areas on RTL pages

Adjust styling so that blocks on the page can have a specified direction (e.g. Vision Statement is in a banner and always )

New

  • Add a reversal of direction in reboot.scss for [dir='rtl'] body [dir='ltr'] and viceversa
  • Take into account a new dir context value in the Banner unit (banner.twig) and Signup or follow (signup-or-follow.twig)
  • Adjust forms base styling to reversed directions, visible in the Newsletter signup form

Fixes

  • 5b8ef418e (tag: v2.12.4) Fix the showing EMAIL label in Newsletter Form by adding it to the label
  • 58337aef0 (tag: v2.12.3) Fix country switcher RTL alignment by replacing the direction with the $startDirection variable
  • 3c36ed0a7 (tag: v2.12.2, tag: releases/v2.12.2) Fix duplicate Logo class
  • 6f85adac6 (tag: v2.12.1, tag: releases/v2.12.1) Fix Index Card punctuation

2.12.0

New Tour group included in Community Voting region

Add a new Tour group that has a couple of parameters (like autostart or seen or tour id) and generates a progressively enhanced display of a series of steps that can show after the page loads or on a modal opener button.

After the first view of the modal is seen, a cookie like seen-${tourId} is written for 30 days and the button fades in the background. In the library, the tour’s id is ‘demo’, which prevents keep the autostart alive.

Include the tour in the only region that necessitates it right now: Community Voting.

New

  • New Tour group in tour.twig styled in tour.scss, designed to be in a modal, progressively enhanced
  • New preloader rolling background leaf shaped animation preloading-backgrounds in animation.scss, used by the Featherlight prelaoder
  • Refactor modal processing by replacing Magnificent Popup with Featherlight (featherlight.js and featherlight.scss) to provide inline loading via buttons (Magnificent Popup needs a href and even then it’s confused)
  • Update o-modal-trigger behavior in global.js
  • Remove all inclusions of Magnific Popup in SCSS and gulpfile.js
  • Style themed .featherlight in the Theme (theme.scss) mixin
  • Include and style a label element in the Info box unit (info-box.twig) that loads the tag unit in and style
  • Include the tour element in the Community Voting region in community-voting.twig and its config

Fixes

  • Adjust the small with icon Button base variation in button.scss and add a new variant to button.config.yml
  • Propagate modal parameter showInModal in from the Index Card (index-card.twig) to the Headshot (headshot.twig) and Logo (``)
  • 26525e27 (tag: v2.11.1) Hide the incubation phase in Community Voting from _community-voting.scss

2.11.0

New Community Voting region

New

  • Add a Community Voting region (community-voting.twig) that, for now, passes on entities to the Ventures group
  • Set the Community Voting region (r-comunity-voting) as a fluid container from page.scss

Improvements

  • Move the Issues below the meta in the Card unit in card.twig
  • Reduce the size of the task list in Card and List item mixins by decreasing font size and leading in card.scss and list-item.scss

Fixes

  • Nullify components’ direct notice to prevent propagation
  • Add a warning task list item style by adding the warning variant to task-list.scss
  • 1f2fac42 (tag: v2.10.1) Only show Mentors section header in Incubation Phases when needed in incubation-phase--full.twig

2.10.0

New experts and coaches area in full incubation phase

New

  • Provide access also to not yet published entities with index card in index-card.scss and rely on the processor to remove links where access should not exist
  • Display the incubation phase in the full Venture Match as meta in venture-match--full.twig
  • Add a new “Experts & Coaches” row in the main content of an Incubation Phase full template in incubation-phase--full.twig

Fixes

  • Fix appearance of Index Card name by wrapping the u-url link in the p-name span in index-card.twig and adapt the sr-only() elements when embedded in the Venture entity in venture.scss
  • Remove forced grid display of ventures and support roles in a full Incubation Phase from incubation-phase.scss and rely on the processor to add the l-grid modifier classes
  • ceac1935 (tag: v2.9.1) Hide Venture social links when in Dashboard block

2.9.0

Fix Jordan and Kazakhstan flags and display matches in Profile

For some reason, KZ had the JO shape, and JO… I don’t know which in the Noun collection. The KZ flag was actually in Kuwait.

New

  • Include Venture Matches in the Profile (full) in profile--full.twig

Fixes

  • Fix incorrect JO (map-jo.svg) and KZ (map-kz.svg) flags

2.8.0

New Action Bar unit and App Bar region

Create an action bar that holds buttons and links for an entity. Create the App Bar for full view modes that stays fixed at the bottom of the screen, including the action bar.

Include an Action Bar in all entity templates and Card, List item, and Dashboard List Item, except for the entities’ full view mode templates, where the App Bar is in use.

New

  • New Action Bar unit in action-bar.twig styled in action-bar.scss, checking for a button or for links
  • New App Bar region in app-bar.twig styled in app-bar.scss and including delegating a button and links to an Action bar unit
  • Style updates in page layouts to adapt the size of the App Bar region depending on navigation
  • Include an Action Bars or App Bars in all entity templates, plus List item, Card, Dashboard Block units
  • Add a new z-index to config/z-index.scss called $z-index-apps and sitting below navigation and modals

2.7.0

Adjust templates and task runners for Drupal 8+

Adapt Gulp tasks to generate LTR and RTL styles and JS for Drupal 8, and simplify the adapter specific style generation. Plus many adjustments to integrate the additional data required by the incubation platform.

New

  • Move the JS assets into the src/js/adapter/drupal-8 folder and add the scripts_drupal_8() task runner to gulpfile.js
  • Separate processing of js scripts into global and adapter focused in watch() Gulp task runner
  • Simplify the asset requirements to output Drupal 8 styles by picking and choosing necessities in scss/adapter/drupal-8/index.scss instead of processing the entire scss folder each time
  • Virtually eliminate usage of the media-query() mixin in favor of the CSS specification
  • Include the Venture’s Venture match in venture--full.twig

Fixes

  • container-with-background.scss .c-menu specificity
  • list-item.scss .c-country-map size
  • theme.scss .c-icon case for ‘icon-sia’ (no more caps)
  • workflow-card.scss position adjustment for better readability
  • workflow-entity.scss absolute position
  • timeline.scss minimal variant on larger screen
  • search-form.scss button specificity
  • meta.scss byline margins
  • dashboard-block.scss workflow-info static position in tight spaces
  • spine-navigation.scss page-lead spacing
  • focused.scss page-lead sizing
  • dashboard.scss account sizing and smaller columns country maps
  • site-navigation.scss vertical variant menu item sizes
  • secondary-navigation.scss menu spacing
  • page-lead.scss flexible spacing without hero
  • Reshuffled positioning and specificity of rules in entity: event, finalist, guidelines, incubation_phase, meeting, organization, profile, resource, support-role, team, venture-match, venture
  • Don’t show meta when items is empty in list-item.twig and add a class on the item corresponding with the media content to allow for different styling
  • Use the items--x class pattern in workflow-info.twig to make sure all items fit regardless of the containing element’s size
  • Include the workflow info in event--full.twig and fix update deprecated of teaser content (used to be in a lead)
  • Fix one-liner variant heading link in incubation-phase.twig
  • Allow for proper meta display instead of simply position and company in profile--full.twig and realign details’ positions
  • Wrap the account region in a row element in dashboard.twig

2.6.0

New app icon for website and social for TikTok

New

  • Add the TikTok icon (tiktok-icon.svg) to the social library and include in social share demos and include in with-icon.scss
  • Add a website icon (noun-web-1515383.svg) to the App scetion of Icons brand and include in Profile and Venture index card demos include in with-icon.scss
  • Add the social icons to the General section of Icons brand in icons.config.yml where I see now that they don’t fit

2.5.0

Purely decorative Card and List item thumbnails

Check for a background only attribute in Card and List item, and when found, rely exclusively on the figure background image and don’t load the file as an imge.

A use case are Venture thumbnails that are on very heavy pages and come from YouTube so they have no SEO or accessibility value.

New

  • If an image has the image.backgroundOnly attribute, don’t load the file itself in card.twig and list-item.twig Units
  • New soft-rolling-backgrounds animation config with very light theme accent colors
  • Use the soft rolling background animation while waiting for Card and List item teaser’s thumbnails to download in card.scss and list-item.scss mixins

Improvements

  • More ballanced rolling background timeline distribution in rolling-backgrounds animation config

Fixes

  • When rendering a Media unit with a lazy image, prepend data- to src and wait for JS to takeover
  • Add an HTML attribute query in global.js for lazy loading that takes the data-src attribute and clones it as src when the doc is ready
  • Fix incorrect use of for of Newsletter form email field label in newsletter-form.twig form
  • 65d78a20 (tag: v2.4.1) Fix Venture stage icon outside of box by adjusting bizarre ::before size in _with-icon.scss

2.4.0

Set the Page lead region default to centered and add a left-aligned variant

Since the Page lead looks good full width when it’s content heavy, e.g. in a post that holds a meta and byline. By setting the default to be centered, pages can now have heros without having a short tile looking stranded on the left side.

New

  • Set all contents as container() by default in page-lead.scss
  • Add a left-aligned variant to Page lead that sets the heading and accessories to full-width (the previous behavior)

Fixes

  • f2c02dc9 (tag: v2.3.1) Fix background position of section without cover modifier

2.3.0

Expand the Banner unit with huge and cover variants

New

  • Add half-page (50vh) and cover (100vh) variants to the Banner unit (banner.scss) adjusted to the header region (r-site-header) when it’s present
  • Adjust the height of cover Banner with the WordPress admin bar is present in wordpress/admin/layout.scss

Fixes

  • Fix icon color filter when Callout unit is themed in callout.scss
  • Fix shadow label in Newsletter form unit (newsletter-form.scss) regression from the changed label
  • Fix text color on overlays by setting it to the contrast color in ``has-overlay.scss`
  • Fix automatically setting the Banner content as container() in page.scss full entity
  • Fix icon and text colors for has-overlay variants in theme.scss
  • Ensure a leaf doesn’t inherit variants from parents in sia-leaf.twig

2.2.0

New password only form template unit and form in Focused screen template

New

  • Add Password form (password-form) to unit/forms holding only a password input and a submit button
  • Add a check for a form in the Focused screen (focused-screen) template and load it if present
  • Add a new error pate Template for 403 (403) to error-pages

Fixes

  • Fix display of Banner in content in Focused screen (focused.scss)

2.1.1

UI fixes for menus and Page lead

Fixes

  • Fix spacing of byline sub-elements in Page lead meta in page-lead.scss
  • Fix hover state of current menu item links in theme.scss
  • Fix browser padding of dd and dt elements in reboot.scss
  • Fix form control label for without a target in newsletter-form.twig

2.1.0

New Notification dot unit

A “dot” notification that can be placed on top of another relatively positioned element.

New

  • Add the Notification dot (notification-dot) unit and its associated styling.

Fixes

  • 24198d9f (tag: v2.0.1) Use the direction transformer for more rotate() CSS rules

2.0.0

Right to left versions

Split app styles into the two main directions: left to right (LTR) and right to left (RTL). In order to generate a version pass variables from the environment to the task runner and then to SCSS.

Generate RTL Wordpress single demos in Single Rtl and both versions on build.

Examples:

  • gulp runs the “default” LTR version and generates ‘-ltr-‘ files like app-ltr.css
  • gulp --dir=rtl runs RTL version and generates ‘-rtl-‘ files like app-rtl-wordpress.css

New

  • Add the gulp-sass-variables dev npm dependency as sassVariables in gulpfile.js and to package.json
  • Instantiate a DIRECTION constant in gulpfile.js that looks for the dir environment argument in args
  • Add a method to generate an object of directional variables in get_sass_variables() that takes a string direction as parameter, with the above DIRECTION as the default
  • Send direction variables to sass by piping generated directional variables via sassVariables() from styles tasks that have their own new direction parameter defaulting to DIRECTION
  • Add new styles_rtl() and styles_rtl_wordpress() tasks used only by the build series to reverse direction of their counterparts
  • Create a RTL preview in _preview-rtl.twig and use it in the Single Rtl demo (single-rtl.config.yml)
  • Update all SCSS files to replace “left” and “right” with $startDirection and $endDirection, respectively

1.15.0

Add the possibility to split organizations into sections

In order to show tiered partners, display organizations in sections, each with their own heading.

New

  • Check if there are sections in the context of Organizations (organizations.twig)

1.14.0

Unify profile size on the international team page layout

Introduce the layout folder that ads specificity to SIA Website layouts and use it to unify the sizes of profile cards for the international team page.

New

  • Add the scss\layout folder with its own index and the first specific layout for _team-international.scss

1.13.0

Bring in WP block editor styles

New

  • Style the block editor depending on body class for superadmin, pages with layout and all combinations in block_editor.scss

Fixes

  • Include single item grid items in the ‘2 item’ styling in _grid.scss
  • Include page headings that are directly in page content in theme styling in theme.scss
  • 9a053b23 (tag: v1.12.2) Fix inclusion of Bootstrap spacing utilities in the grid file which ruined page styling
  • 5ae9fc80 (tag: v1.12.1) Account for Organization entity missing the logo in logo view mode

1.12.0

New Categories unit included in meta

Wordpress Articles need a separate Category unit incuded in Lead or Teasers.

New

  • Add the Categories (categories.twig) component with no styling, and include it in Meta (meta.twig)

1.11.0

New Notice unit for embedded warnings

Show minor notices (e.g. a CTA that isn’t shown because the target page is not available) inside other components, right now in CTA.

New

  • Add the Notice (notice.twig) component with minimal color-coded and swatch styling, and include it in CTA (cta.twig)

Fixes

  • 45c7b35f (v1.10.2) Bring back the post title in the WP block editor and differentiate it visually
  • d9b7b5a9 (v1.10.1) Fix missing CSS from Cookie Notice adapter leading to it not disappearing by adding animations and rules for the hidden selectors

1.10.0

New adapter for the WP Cookie Notice plugin and 96% WP coverage

Still no Comments and Color palette

New

  • Include Cookie Notice (adapter/plugin/cookie-notice.scss) in the Wordpress adapter and extend the Status Messages region

Fixes

  • 60c280db Rebuild Wordpress Admin styles and library
  • 98a7c994 Include Sharing unit and Related group in Event full (event-full.twig)
  • b0964a1e Add missing Events group (events.twig) with no configuration and improve checks in List Item by not trying to show a highlight when there the highlight.config is not set
  • f81a1884 Improve block visibility in WordPress block editor on hover

1.9.0

Finish Wordpress Welcome Panel styling and brand type

New

  • Adjust the Worpdress Welcome Panel (#welcome-panel) styling to clean-up and match SIA typography in admin/_layout.scss
  • Improve and brand Wordpress admin styling by moving ‘PT Sans’ at the bottom of the font-family stack in the new adapter/wordpress/admin/_typography.scss included in admin.scss

Fixes

  • 4ebc2383 Ensure Signup or Follow doesn’t throw a Fatal when there’s no social profiles by checking if the follow variable is set in the signup-or-follow group
  • 3bef601d Adjust spacing of Organization logo group variant

1.8.0

New maps for Jordan, Lebanon, and Poland

  • Add the map SVGs to assets: map-jo, map-lb, map-pl
  • Include the 3 countries in country-maps.config.yml

1.7.0

Improve Feedback Widget styling

Adjust to section spacing assuming the widget comes after a section. Might not.


1.6.0

Improve Site Footer styling

Adjust Country Map, Site Footer, Section, Theme, Container with Background styles.


1.5.0

New Country Switcher component included in Site Footer and open as a modal from Site Header

New

  • New Country Switcher unit (country-switcher.twig) with 3 variants: default, offscreen, and modal, styled in country-switcher.scss and included in Site Footer region (site-footer.twig), showcased in the Single demo (single.config.yml)
  • New Globe icon in icons.config.yml base and with-icon.scss mixin
  • New link in Site Header that points to the country switcher via a fragment link (#country-switcher)
  • Differentiate between fragment links and full URLs when instantiating popups for o-modal-trigger and opens a type ‘inline for the former (e.g. the country switcher in site header showing the element from the site footer)
  • Migrate functions the old WP theme to global.js, including the send_GTM_event() method for file downloads

Improvements

  • Animate entry and exit of Maginficent Popup styling (magnificent-popup.scss)
  • Add a new drop animation to animations.scss config
  • Clean-up js-toggle.scss which was defining styles for the hamburger, and move specificit styles to site-search region and offscreen-nav.scss mixin
  • Remove all <title> elements from SVG icons
  • Add the horizontal Team variant to Teams group config (teams.config.yml) which is used by Country Switcher and landing page templates with CTA forwarders

Fixes

  • 05e96672 Update layout of timeline in Page single
  • Teams, Country Map, Button --with-icon

1.4.0

Finish modal and full Profile styling

Improvements

  • Adapt Maginficent Popup styling (magnificent-popup.scss)
  • Improve Profile full styling (profile.scss) and layout in profile--full.twig

New

1.3.0

Adapt the Wordpress login page and admin layout

New

  • Refactor the Wordpress adapters (adapter/wordpress) and Gulp tasks to fit admin styles (admin.scss) and generate a separate admin disc/css/admin-wordpress
  • Style the Wordpress login page to match branding in login.scss

Improvements

  • Ensure lowercase file name class in icon.twig for icon filters consistency and adjust icon.scss for the SIA-icon file

1.2.0

Adapt the Wordpress columns block and fix mobile Timeline

New

  • Extend the wp-block-columns to use the grid mixin in worpdress adapter
  • On the Page single (page.scss), .wp-block-columns extend the fluid container

Improvements

  • The text-only Callout (callout.scss) leaf points to text, not outside
  • Make the Timeline unit with images (timeline.scss) readable on very small screens

Fixes

  • Fix text-only Timeline with 3 columns (timeline.scss)

1.1.2

Remove superfluous company names from team member profile collection

And later build the library

Improvements

  • New Profiles group (profiles.scss) to hide company name for team members

1.1.0

Update Photography Brand Assets config


1.0.0

Repeat the one below

Not used to pushing majors


0.247.0

Finally finish the Venture entity template

Improvements

  • Venture uses a Page Lead when there is a video and shows related ventures

Fixes

  • Press mentions no longer all over the place

0.246.0

Improve Page Section styling for calmer pages

And later build the library

New

  • Home page demo in Wordpress single.config.yml

Improvements

  • Drop the callout bottom alignment and media coming under the callout
  • Align figures to match the callout
  • Stretch media content for equal height columns and align the callout in the center

0.245.0

Adapt the WP Gallery block

New

  • Put the wordpress adapter to work by extending the wp-block-gallery to use the grid mixin

Improvements

  • Bring back the Site Header Home link when there’s enough screen space

0.244.0

Update Brand Photography

New

  • Replace boilerplate photos with the Media Kit photos in photography and assets--photography

0.243.0

New Site Search unit in Site Header region

New

  • New Site Search unit (site-search) with collapsible search box
  • Include Site Search in Site Header (which breaks Spine layouts)
  • Add Workflow Info to List item

Improvements

  • Adjust CTA spacing and try out new style (remove swatch)
  • Tone down Highlight variant of Stat
  • Delay 125% of font size on HTML to a larger breakpoint

Fixes

  • Fix colors in Container with background mixin (container-with-background)
  • Fix spill-over of page regions by including row
  • Fix class inheritance in Menu to show better signals in Site Navigation
  • Fix Card with Workflow Info
  • Fix CTA button theme propagation
  • Fix missing ‘with-workflow-info’ modifiers in Venture and Article

0.242.0

Fit Page Lead into Focused templates

New

  • Adjust Page Lead and page content in the Focused template (focused.scss)
  • New ‘un-container’ mixin (un_container.scss) that resets the container mixin rules

Fixes

  • Update all configs that used url instead of href for Breadcrumb configuration

0.241.1

Fix assumption that the last breadcrumb has no link in Breadcrumbs unit and check instead for the href property


0.241.0

New Teams group and Team with country map variant

New

  • Add ‘Horizontal lock-up’ (horizontal) variant to Country Map unit (country-map.twig and country-map.scss)
  • Prepare Team entity (team.twig) to delegate to Country map
  • New Teams group (teams.twig) with 2 variants: list and country map

Improvements

  • Use the horizontal variant for Country Map (country-map.scss) for smallest screens
  • Add Workflow Info unit to Card unit (card.twig)
  • Allow individual collection items to define display modifiers in Entities group (entities.twig)

0.240.0

Landing Page Demo and better Page Lead with supraheading

New

  • Add ‘Landing Page’ to Demo > Wordpress > Single

Fixes

  • Adjust Page Lead styling (page-lead.scss) to accomodate a supraheading in Compact and Blend-in variants

0.239.0

New list variant and logos for Features

New

  • Features unit (features) can now display a logo instead of an icon, and has a list (vertical) variant used by Awards (which also use logos)

0.238.0

New Brand Assets templates for Photography and Typography

New

  • New Assets Brand component (assets.twig) with 2 variants: Typography and Photography loading their own respective hidden templates (photography and typography)
  • Banner unit can now display a logo
  • Wrapped Get in touch Region (get-in-touch) content to allow including container() mixin in Page styles (page.scss)

Improvements

  • Figure (figure) outputs a title attribute for img

0.237.0

Visual Features and Sections updates and fixes

Improvements

  • Balance Features heading and icon size (define the larger sizes for Impact Fields Brief leaf icons)
  • Balance Section sizing and decrease top padding for consecutive sections with no background

Fixes

  • Fix sections and icons the Icons config to match their content and be consumed as JSON
  • Fix Footer region spacing
  • Fix icon coloring on Theme accent background reflected in themed Banner

0.236.0

Icons config is available to templates and a portability proof of concept

When the icons config is updated, a json file is generated via Gulp to be consumed by templating languages.

New

  • Updated Icons config (icons.config.yml) to use objects instead of arrays
  • New conf gulp task (conf()) wathing changes to icons.config.yml
  • Add a Banner (banner.twig) variant for flourishes

Improvements

  • New “blend-in” variant for Page Lead (page-lead.twig) for pages where the title is closer to chrome than content
  • The Footer region (site-footer.twig) is independent of overall theme applied to body

Fixes

  • Add more specific theme rules in the themes.scss utility to ensure that themed elements embedded in themed elements don’t inherit from the parent

0.235.0

Smarter Grid mixin and Features group

When a grid component is classed with the number of items, avoid awkward intermediate layouts (2 columns for 3 items or 3 columns for 4 items).

New

  • Add an items parameter to grid.scss mixin that prevents awkward spacing for few items
  • New Features group (features.twig) and styling (features.scss)
  • Use the Features styling in Impact Fields Brief (impact-fields-brief.twig)
  • Add specific CSS styling for grids with fewer than 10 items in utilities/grids.scss

Improvements

  • Hide legacy components (sia-flower and impact-fields-brief)

0.234.0

SIA Leaf and balanced Theme backgrounds

Improvements

  • Adjust the default theme background (applied to theme--$theme-id in theme.scss mixin) to reduce color scale more for Awareness
  • Align Banner to the left (banner.scss)

Fixes

  • Update Impact Fields Brief by removing icons from SIA Leafs and SIA Flower, keep a --legacy variant for all 5 icons and the 2 templates (sia-flower--legacy.twig and impact-fields-brief--legacy.twig)

0.233.0

Error (404) and Search page templates

New

  • New ‘Search result’ unit with title, excerpt, and orientation meta in unit/search-result;
  • New ‘Search results’ group in group/search-results;
  • New ‘Search’ template in template/search;
  • New ‘404’ error page template in templates/error-pages/404.twig;
  • New compact variant for Page lead region (region/page-lead.twig) for functional pages (e.g. Search) that require a more toned down header;
  • Allow a Link (not only Button) in Banner (unit/banner.twig), used in the 404 template to send to homepage;
  • Parametrize the Search form (unit/forms/search-form.twig) for keyword, method, action, and input name.

0.232.0

Better Page Leads, Pages, and Headings

New

  • New ‘Themed Rainbow’ flourish in brand/flourishes--themed-rainbow.twig;
  • New hero-less variants for Page Lead with massively improved looks, using the rainbow deco and plenty of white space
  • Revolving Text can now be part of a Heading, and a Section Header, and, more importantly, Page lead
  • Improved Page demo
  • New container() mixin used by updated bootstrap-grid.scss, page-lead.scss, and page.scss for direct descendants, allowing for using the Bootstrap measurements at will
  • New opacity reveal animation (reveal-opacity) in animation.scss used by the Themed Rainbow flourish’s elements

0.230.1

Fix Menu links specificity in theme.scss


0.230.0

Refactor Venture entity and include Stage and SDG display

New

  • New Venture Stage (unit/venture-stage) unit, stage icon variants in mixins/with-icon.scss;
  • New UN SDG SVG (icon-un-sdgs.svg) icon in assets/src/graphic;
  • New SDGs (unit/venture-stage) unit, UN SDG icon variant in mixins/with-icon.scss;
  • Display Venture Stage and SDGs in Meta unit (unit/meta.twig);
  • New showInModal parameter for base/link.twig triggering the JS event binding;
  • New lazy parameter for unit/media.twig adding the loading='lazy' attribute to the image;
  • New data-style HTML attribute in unit/card.twig and unit/list-item.twig for lazy media triggering the post DOMContentLoaded call for the background images.
  • New Ventures group in group/ventures.twig with a grid display.

Fixes

  • Replace the --one-liner.twig variant of Incubation Phase and use a conditional in the default template;
  • Too many cosmetics in assets/src/scss.

0.229.0

New Team entity component and Organization variants

New

  • New Organization variants (Licensee and Full) in entity/organization.config.yml and styling in organization.scss.
  • New Logo variants used to include in Organization for: Index Card, Banner, List item, and Card;
  • New Team entity component in entity/team.config.yml and styling in team.scss, with one-liner variant included in Organization ‘Licensee’ variant.

Improvements

  • Rename Organisation (UK) into Organization (US);
  • Adjust Get in touch region bottom spacing when not :last-child in get-in-touch.scss.

0.228.0

New Timeline ‘text only’ variant

New

  • New Timeline variant in unit/timeline.config.yml and styling in timeline.scss.

0.227.0

New KPIs section in All icons Icons brand component

New

  • New section in the Icons brand ‘All icons’ for KPIs;
  • 3 new icons: Coverage (globe), Impact (plant), and Reach (signal tower).

0.226.0

New Job entity and Jobs group

New

  • New Job entity in entity/job.twig with teaser and compact list item variants and styling;
  • New Jobs group in group/jobs.twig with a listing display.

0.225.0

Showcase the 3 Grids in Base components

New

  • Create the Grids base (base\grids.twig) to show the 3 types of grids;
  • Start showing Banner for template that are never @included in Base and Brand: Themes, Grids, Color, and Icons.

Improvements

  • Add l-spacer layout utility with its ‘compact’ class modifier;
  • Improve grid mixin spacing by removing the row-gap and leave it to the elements it contains.

0.224.0

Bundle JavaScript with Gulp and Profile in modals

Improvements

  • Start bundling JavaScript in app.js with Gulp;
  • Improve profile--full switches;
  • Nicer “Get in touch”.

0.223.0

New ‘Get in touch’ CTA region and unified Profile templates

Add a region called ‘Get in touch’ to close the page with a message to reach out to an actual person, albeit with a recommended group email.

Create the Profile entity templates and re-use them (except the full variant) in Finalist, Support Role, and User.

New

  • New Get in touch region in region/get-in-touch.twig and minimal styling in region/_profile.scss extending people-list-item() and people-card() mixins;
  • New Profile entity in entity/profile.twig and styling in entity/_profile.scss extending people-list-item() and people-card() mixins;
  • New Profiles group in group/profiles.twig;
  • Standardize human’s presentation by re-using the profile entity and simplifying styling.

Improvements

  • Bump up the Headshot size in people-list-item();
  • Improve the Testimonial grid fit by defaulting to the wide grid variant;
  • Simplify styling of index cards by using the standard (by now) {component}__media-wrapper and {component}__content-wrapper markups.

Fixes

  • Remove the mysterious ‘headshot’ template inclusion in Link base.

0.222

New Testimonial entity and Testimonials group

New

  • New Testimonial entity in entity/testimonial.twig with no variants and no styling;
  • New Testimonials group in group/testimonials.twig with a wide grid display;
  • Allow loading the wide and compact Grid mixin to be included via classes in utilities/grids.scss.

0.221

New Press mention entity and Press Mentions group

New

  • New Press Mention entity in entity/press-mention.twig and styling in entity/_press_mention.scss;
  • New Press Mention group in group/press-mentions.twig;
  • Make sure Quote unit works without an Index Card, and allow for a basic link to be used as cite.

Fixes

  • 52a99adf Standardize Timeline date display by including the graphic display modifier directly in timeline.twig;
  • 86207bd5 Fix Breadcrumbs config to use href instead of url.

0.220

New Revolving Text unit

New

  • New Revolving Text unit in unit/revolving-text.twig, its JavaScript event listener in global.js, and styling in revolving-text.scss.

0.219

Standardized display of Card and List item teasers

New

  • Unify display of the list-item view mode by creating a ‘List item’ unit (list-item) with 2 variants (default ‘comfy’, and ‘compact’) and including it in Event, Guidelines, Post (‘compact’), Resource, and Venture;
  • Unify display of the card view mode by creating a ‘Card’ unit (card) and including it in Event, Post, and Venture;
  • Display multiple entity types with Entities (entities.twig) by checking if the items have their own entity type before using the default collection entity type;
  • Improve rendering coverage by adding a Formatted HTML unit (formatted-html.twig) that simply outputs raw content used for Wordpress config blocks;
  • Display Timber logic pager which replaces first and last pager links with the actual page number by adding the possibility to display “…” ellipsis after the first page and before the last page in Pager (pager.twig);

Improvements`

  • Add a class config to components, used in Card (card.twig) and rendered in _preview.twig.
  • Reduce number of Wordpress and Timber rendering fatal errors by adding switches to Callout (callout.twig);
  • Adapt to Wordpress conventions in the 07-demo\wordpress config by using single instead of index to clarify usage.

Fixes

  • Fix Page configuration in page.config.yml;
  • Fix graphic date display to allow the configuration to dictate whether a date should be graphic or formatted even when both configurations are available in Date (date.twig);

0.218

New list item variant for Post entity

New

  • The Post entity (post) has a styled list-item variant;
  • New with-media mixin used by post--list-item in post.scss.

Fixes

  • Don’t show the freeform wrapper in the Meta unit (meta.twig) when there is no items key set.
  • Post unit teasers stopped using the Lead component and reverted to the default content context key.

0.217

New Articles group and Post unit teaser variant

New

  • The Post entity (post) has a styled teaser variant;
  • The Articles group (articles.twig) shows entities of post type in a grid or a list, depending on the listClass key;
  • The grid mixin is also used with the [class*='--l-grid'] wildcard selector from grids.scss;
  • The card mixin has a ‘tight’ variant that only uses a $hairline-spacing padding, and is used in event--teaser and post--teaser.

Improvements

  • Faster Gulp watch task runner thanks to the newly required gulp-dependents and use of the Gulp 4 since config for src in gulpfile.js.

0.216

Refactor Partners into Organzations and fix Organization logo variant

Provide flexibility for subsets of organizations: ventures, hosts, partners.

New

  • partners becomes organizations, with the collection display: { component: collection.display.component } reflecting the subset where the case may be.

Fixes

  • The Organization logo variant used a crude context building in the template. Refactor both organization--logo.twig and all appearances of partners.

0.215

Display rendered HTML in Call to Action

In order to display rendered HTML for form (e.g. a Contact form CTA), add the possibility to display the raw rendered key.

New

  • Add a check for rendered in cta.twig.

Fixes

  • cfcb5140 Build the library after deploy
  • 9ca1ae05 Fix unavaiable –theme- modifier for components by adding the wildcard [--theme-{$theme-id}] to brand.scss;
  • e0faeb93 Fix incorrect usage of url parameter passed to link base by replacing url with href wherever socialLinks was used;
  • 4958d14b Minor Post and Social Links fixes

0.214.0

Fill up the Page Footer region

Add the Signup or Follow region, regional and strategic partner logos, copyright details.

New

  • Site footer (site-footer) includes signup-or-follow, partners and copyright details with imprint or privacy policy links.

Improvements

  • Call to Action has a new --blend-in variant and type modifier class for sharing or newsletter;
  • Social Links has an --inverted variant for dark backgrounds;
  • Partners has a --minor heading more fitting general type instead of the block-header unit;
  • Post post--full uses the container class instead of the col-x to simplify overally markup;
  • Wordpress demo index display the full 1site-footer`.

Fixes

  • Partner logos: fix Erste filename and add 2 new as a demo.

0.213.0

Improve the Post full entity template with CTAs for sharing and signup

Decide to display template elements that are not directly entity properties in --full variant templates. Start with the Post entity and its sharing or signup section.

New

  • Add two new components to the Post entity full variant in post--full.twig: sharing (social-links.twig) and signup (cta.twig with the ‘newsletter’ variant), and configure them in post.config.yml default context;
  • New “Email” app icon in icons.config.yml and with-icon.scss.

Improvements

  • Addapt the default Post entity to fit fluid containers by removing layout classes from post.twig;
  • Allow rendered items in Social links unit and display them as is in social-links.twig;
  • Refactor the ‘Share or signup’ region into ‘Signup or follow’ to better fit its wide-ranging purpose, replace the share-or-signup template and assets, create signup-or-follow in its place and replace the references;
  • Simplify the look of the Call to Action unit and tone it down by refactoring to drop reuse of Callout unit by Call to Action and split into it’s own template elements in cta.twig and styles in _cta.scss
  • Display all Heading unit variants in heading.config.yml.

Fixes

  • Fix Newsletter form unit discrepancy with the WordPress block implementation by adding missing privacyNotice config key to newsletter-form.config.yml and in the template.
  • Fix incorrect content spacing by removing the l-section class from r-page-content in wordpress/index.config.yml;
  • Fix too wide spacing for Heading unit minor variant in _heading.scss;
  • 97384ec9 New log.info() mention of WordPress styles in watch task runner in gulpfile.js
  • 3fff3f04 Minor update to Figure base component in figure.twig
  • bc021a61 Fix filling alt attribute for Headshot unit by leaving it blank and moving the ‘Photo of’ reference to the title attribute in headshot.twig.

0.212.0

Default to the teaser variant for Post and Page entities

Fixes

  • Fix Page lead display by taking it out of the row of content in post.twig;
  • Create the post--full.twig and page--full.twig component variant files;
  • Assume the Page (full) display is using a page builder and remove the Bootstrap layout classes.

0.211.0

New icons for heart, link, share, and Headquarter Play chapter

New

  • Add SVG for heart, link, and share “App icons”;
  • Add SVG for Headquarter (web) “Playbook chapters”;
  • Include the new icons in icons.config.yml;
  • Compact the display of icons to fit more in a screen.

Fixes

  • 4ef42f7b Fix Incubation Phase one liner variant link

0.210.0

Add the Venture styled tiny variant


0.209.0

Include issues in the the Dashboard Block unit


0.208.0

Provide Drupal 8 frontend specific app styles

New

  • Move all styles from the Drupal 8 incubation platform Inka theme into the library and generate the specific css drupal-app.css which includes first the default assets/src/scss/index.scss and then the adapter/drupal-8/frontend/index.scss.

Fixes

  • Solve all Dart SCSS deprecation warning by replacing division with math.div().

0.207.0

New ‘SIA Logo’ Brand unit including PNG logos


0.206.0

Show figures in the Dashboard template and the Dashboard block unit

New

  • Display Rating in the Meeting list item variant;
  • Display Figures in the Dashboard template;
  • Display Figures in the Dashboard Block unit;
  • Improve merging of context and template variables in figures.twig;
  • Create the color coded bubble variant for the Stat unit;
  • Reduce size of default Size unit and create the “double” variant;

Fixes

  • Don’t show the Dashboard Block header element without a heading or button;
  • Only show Venture list item details when either team or lead or fields exist.

0.205.0

Improve the summary element and list item Venture Match

New

  • Style the summary element in Typography base

Fixes

  • Fix Venture Match list item variant

0.204.1

Fix display of team in Venture tiny variant


0.204.0

Expand Venture templates to display more detail and adapt to SIA style guide

New

  • Venture list item template fitting finalists and details in venture--list-item.twig
  • Add a --l-grid variant class to the grid.scss
  • Style the List item component to include a summary HTML element in list-item.scss
  • Split admin and frontend watch() callbacks for Drupal 8 as styles_drupal_8() and styles_drupal_8_admin() called by the Gulp watch() task runner
  • Add a separate admin-drupal-8.css as an output of the watch() Gulp task runner and pick from the drupal-8/admin.scss all included files
  • Add the SIA icon to the “Incubation” Drupal 8 admin menu in drupal-8/admin/_toolbar.scss

Fixes

  • Be more specific with the Drupal variant in the adapter SCSS folder by renaming it to drupal-8
  • Fix incorrect usage of &__class in list-item.scss breaking inheritance in list-item.scss
  • Fix overly generic styles in venture.scss breaking depending on its variant (e.g. team member display)
  • To fit the Incubation Phase one-liner inclusion in a separate entity switch from using article and h1 HTML elements in for display into a basic p in incubation-phase--one-liner.twig
  • Adapt default Venture entity component to the common header and content containersin venture.twig
  • Check if the banner and idea properties are set in venture--full.twig
  • Rename the incubation platform demo component folder into grow from inka

0.203.0

Update NPM dependencies


0.202.1

Make siteNavigation context optional in site-header region


0.202.0

Add Montenegro (ME) map to Country Maps and SVG assets


0.201.0

Update npm dependencies, including Fractal

Changes


0.200.1

Fix after forced push from tag while master was behind


0.200.0

Add Congo (CD) and Slovenia (SI) maps to Country Maps and SVG assets


0.199.0

Provide Themes and Colors configs as JSON to be consumed by PHP

  • Add the Gulp task workers (colors_json and themes_json) to read _colors.scss and _themes.scss from scss/_config and transform them into JSON

0.198.0

Replace host with team members collection in Incubation Phase full variant

Fixes

  • Fix theme Link style overriding muted and disabled variants
  • Fix spacing in Workflow Info unit
  • Use ‘Picture of {name}’ as alt in User account region
  • Fix layout of warning + menu in Dashboard template
  • Allow links in Dashboard list item unit status_message

0.197.0

Add a navigation drawer to Dashboard template and highlight Workflow Info

Changes

  • New Navigation Drawer and focus entity regions in Dashboard template
  • Refactor Incubation Phase entity for better handling of variants
  • Allow for Workflow Unit in Dashboard List Item unit
  • Allow for Button and full Entity inclusion in Dashboard Block unit
  • Unifom gutters for fluid container in Bootrap vendor adapter
  • Restyle Workflow Info for better contrast
  • Hide descriptions of Task List items with “done” status
  • Refactor Generic Field unit and cover more use cases
  • Minor adjustments for consistency of Dashboard List Item
  • Adapt Dashboard Block unit to new Card look
  • New %micro typography base ruleset
  • Visually more compact Workfor Card and Workflow Entity mixins
  • Simplify Card style, include footer styling
  • New icon for Dashboard in With Icon unit
  • New app icon for outcomes (compass)
  • Unify display of entity links as Link unit

0.196.0

Allow Dashboard list item unit to show a color coded status message

Changes

  • Include “with-issues” variant in Workflow Card mixin

Fixes

  • Fix display of Meeting unit
  • Fix spacing of “icon-only” Link base
  • Fix link variants specificity in Theme mixin
  • Fix improper markup in Meeting unit
  • Fix Date unit block and graphic appearance
  • Fix too-wide content region next to secondary

0.195.0

Separation between core app and Drupal and Wordpress CSS

Start producing CMS-specific app dist files: app-drupal, app-wordpress, in order to be able to minimize overhead.


0.194.0

Improve ‘Page Lead’ spacing with spine navigation


0.193.1

Fix ‘Site Navigation’ region extra-high leading in ‘vertical’ variant


0.193.0

Fix Dart Sass usage errors (re-build)

  • Fix [class*="x"] extension by adding a _links mixins repository of: muted, disabled, minimal, and hidden;
  • Fix decimal parameter of pow() in luminance() by using 3 instead of 2.4;
  • Fix map-has-key error in get-theme-config() of themes functions;
  • Re-build library.