-
Notifications
You must be signed in to change notification settings - Fork 14
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Upgrade to govuk-frontend
v5
#214
Conversation
@@ -28,7 +28,7 @@ module.exports = (eleventyConfig) => { | |||
|
|||
const searchPaths = [ | |||
'./node_modules/@x-govuk/govuk-eleventy-plugin', | |||
resolveNpmModule('govuk-frontend'), | |||
'./node_modules/govuk-frontend/dist', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This removes the use of resolveModule
as not quite sure how I can make this work with a sub-directory.
edf819b
to
168738b
Compare
168738b
to
a144c0f
Compare
a144c0f
to
5ad5017
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good and works locally for me.
The changes to the header seem sensible.
5ad5017
to
733c908
Compare
733c908
to
621886d
Compare
BREAKING CHANGE
Upgrades the plugin to use
govuk-frontend
v5. This requires the following changes:eleventyConfig.addPassthroughCopy
to copy assets from thedist
subfolderdist
folder$govuk-new-link-styles: true;
settingdist
folderUpdating the base template to change how JavaScript support classes are addedChanging the header logotype
Currently, you can set
header.organisationLogo
(replaces the crown with one of 3 options:royal-arms
,x-govuk
orfalse
) andheader.organisationName
(replaces GOV.UK text).Version 5 of
govuk-frontend
combines both the logo and logotype into one image meaning a new approach is needed. This is my proposal:header.logotype
false
header.logotype
x-govuk
header.logotype.text
DoSAC
header.logotype.html
<mark>Do<em>SAC</em></mark>
This means a textual logo can be used in place of ‘GOV.UK’ without need for creating an SVG image, but one can be supplied via the HTML option.