Rename instances of mzp-c-call-out to mzp-c-callout (note the removed dash).
Replace instances of Compact Call-out with the compact variant of Callout (class="mzp-c-callout mzp-l-compact").
Update references to the call-out SCSS file to callout in any @import or @use rules.
** e.g. @use 'components/call-out'; should change to @use 'components/callout';
The rebuilt Callout doesn't feature integrated brand logos. Use Logo and Wordmark components instead.
The rebuilt Compact Callout lacks an integrated logo, so it no longer positions the logo at one end of the component. A Logo or Wordmark component should appear in the body instead.
Convert any instances of the Hero component to either Split or Callout.
Convert any instances of the Picto Card component to Picto.
18.0.0
What's Changed
css: Replace get-theme, type-scale functions and theme and type-scale maps with CSS Custom Properties. Sass variables added for legacy support
css: Migrates the sass @import with @use and @forward (#755).
Migration Tips
This version updates how we internally import SCSS files, from the @import syntax to @use and @forward
When importing lib at the head of your project you will use the with keyword instead of
stating variables explicitly, like this:
@use '/assets/sass/protocol/includes/lib' with ($font-path: '/protocol/fonts');
To use the global namespace for protocol variables you will need to use the as keyword and assign to *:
@use '../includes/lib' as *;
if you don't use as you would access variables and mixins from the file using the filename as a namespace:
Rename instances of mzp-c-call-out to mzp-c-callout (note the removed dash).
Replace instances of Compact Call-out with the compact variant of Callout (class="mzp-c-callout mzp-l-compact").
Update references to the call-out SCSS file to callout in any @import or @use rules.
** e.g. @use 'components/call-out'; should change to @use 'components/callout';
The rebuilt Callout doesn't feature integrated brand logos. Use Logo and Wordmark components instead.
The rebuilt Compact Callout lacks an integrated logo, so it no longer positions the logo at one end of the component. A Logo or Wordmark component should appear in the body instead.
Convert any instances of the Hero component to either Split or Callout.
Convert any instances of the Picto Card component to Picto.
18.0.0
Features
css: Replace get-theme, type-scale functions and theme and type-scale maps with CSS Custom Properties. Sass variables added for legacy support
css: Migrates the sass @import with @use and @forward (#755).
Migration Tips
This version updates how we internally import SCSS files, from the @import syntax to @use and @forward
When importing lib at the head of your project you will use the with keyword instead of
stating variables explicitly, like this:
@use '/assets/sass/protocol/includes/lib' with ($font-path: '/protocol/fonts');
To use the global namespace for protocol variables you will need to use the as keyword and assign to *:
@use '../includes/lib' as *;
if you don't use as you would access variables and mixins from the file using the filename as a namespace:
You can trigger a rebase of this PR by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.
Bumps @mozilla-protocol/core from 16.0.1 to 19.0.0.
Release notes
Sourced from
@mozilla-protocol/core
's releases.... (truncated)
Changelog
Sourced from
@mozilla-protocol/core
's changelog.... (truncated)
Commits
a187eb0
Bump version to 19.0.0 (#917)cb92039
Remove Picto Card (#915)799baab
Remove hero (#914)9943124
Center-align button text [fix #826] (#916)fd36c6c
Center-align button text [fix #826]a170781
Fix typo at lang-switcher.js comment (#913)8f89eaf
Add refactored Callout component, replace Call-out [fix #787] (#908)7e6e9fd
Port basket newsletter JS to Protocol (Fixes #839)8b097ac
Bump dependencies (#907)9c7bbd2
Update webpack, babel, sass to latest versions (#901)You can trigger a rebase of this PR by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show