-
Notifications
You must be signed in to change notification settings - Fork 334
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cb11ec8
commit 9e1b8c1
Showing
28 changed files
with
856 additions
and
47 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
3.10.2 | ||
3.11.0 |
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
2 changes: 1 addition & 1 deletion
2
dist/govuk-frontend-3.10.2.min.js → dist/govuk-frontend-3.11.0.min.js
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
@import "../../base"; | ||
@import "./index"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,51 @@ | ||
@include govuk-exports("govuk/component/cookie-banner") { | ||
|
||
// This needs to be kept in sync with the header component's styles | ||
$border-bottom-width: govuk-spacing(2); | ||
|
||
.govuk-cookie-banner { | ||
@include govuk-font($size: 19); | ||
|
||
padding-top: govuk-spacing(4); | ||
// The component does not set bottom spacing. | ||
// The bottom spacing should be created by the items inside the component. | ||
|
||
// Visually separate the cookie banner from content underneath | ||
// when user changes colours in their browser. | ||
border-bottom: $border-bottom-width solid transparent; | ||
|
||
background-color: govuk-colour("light-grey", $legacy: "grey-3"); | ||
} | ||
|
||
// Support older browsers which don't hide elements with the `hidden` attribute | ||
// when user hides the whole cookie banner with a 'Hide' button. | ||
.govuk-cookie-banner[hidden] { | ||
display: none; | ||
} | ||
|
||
.govuk-cookie-banner__message { | ||
// Remove the extra height added by the separator border. | ||
margin-bottom: -$border-bottom-width; | ||
|
||
&[hidden] { | ||
// Support older browsers which don't hide elements with the `hidden` attribute | ||
// when the visibility of cookie and replacement messages is toggled. | ||
display: none; | ||
} | ||
|
||
&:focus { | ||
// Remove the native visible focus indicator when the element is programmatically focused. | ||
// | ||
// The focused cookie banner is the first element on the page and the last thing the user | ||
// interacted with prior to it gaining focus. | ||
// We therefore assume that moving focus to it is not going to surprise users, and that giving | ||
// it a visible focus indicator could be more confusing than helpful, especially as the | ||
// element is not normally keyboard operable. | ||
// | ||
// We have flagged this in the research section of the guidance as something to monitor. | ||
// | ||
// A related discussion: https://github.com/w3c/wcag/issues/1001 | ||
outline: none; | ||
} | ||
} | ||
} |
Oops, something went wrong.