-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Use ccs frontend for the shared assets
- Loading branch information
Showing
30 changed files
with
110 additions
and
638 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
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 |
---|---|---|
@@ -1,2 +1,12 @@ | ||
// Application assets | ||
//= link_tree ../images | ||
//= link_tree ../builds | ||
|
||
// Assets from node modules | ||
//= link favicon.ico | ||
//= link favicon.svg | ||
//= link ccs-icon-mask.svg | ||
//= link ccs-icon-180.png | ||
//= link ccs-icon-192.png | ||
//= link ccs-icon-512.png | ||
//= link ccs-opengraph-image.png |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
This file was deleted.
Oops, something went wrong.
This file was deleted.
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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,185 +1,3 @@ | ||
$ccs-footer-background: ccs-colour("black"); | ||
$ccs-footer-border: $ccs-border-colour; | ||
// This variable can be removed entirely once the legacy palette goes away, | ||
// as it'll just be the same as $ccs-footer-border. | ||
$ccs-footer-border-top: $ccs-border-colour; | ||
$ccs-footer-text: ccs-colour("white"); | ||
|
||
$ccs-footer-columns-to-rows-point: 501px; | ||
|
||
.ccs-footer { | ||
@include govuk-font($size: 16); | ||
@include govuk-responsive-padding(7, "top"); | ||
@include govuk-responsive-padding(5, "bottom"); | ||
|
||
border-top: 1px solid $ccs-footer-border-top; | ||
color: $ccs-footer-text; | ||
background: $ccs-footer-background; | ||
} | ||
|
||
.ccs-footer__link { | ||
@include govuk-link-common; | ||
|
||
&:link, | ||
&:visited, | ||
&:hover { | ||
color: $ccs-footer-text; | ||
} | ||
|
||
&:active, | ||
&:focus { | ||
color: $govuk-focus-text-colour; | ||
} | ||
|
||
&:link:focus { | ||
@include govuk-text-colour; | ||
} | ||
} | ||
|
||
.ccs-footer__section-break { | ||
margin: 0; // Reset `<hr>` default margins | ||
@include govuk-responsive-margin(8, "bottom"); | ||
border: 0; // Reset `<hr>` default borders | ||
border-bottom: 1px solid $ccs-footer-border; | ||
} | ||
|
||
.ccs-footer__meta { | ||
display: flex; // Support: Flexbox | ||
margin-right: -$govuk-gutter-half; | ||
margin-left: -$govuk-gutter-half; | ||
flex-wrap: wrap; // Support: Flexbox | ||
align-items: flex-end; // Support: Flexbox | ||
justify-content: center; // Support: Flexbox | ||
text-align: right; | ||
} | ||
|
||
.ccs-footer__meta-item { | ||
margin-right: $govuk-gutter-half; | ||
margin-bottom: govuk-spacing(5); | ||
margin-left: $govuk-gutter-half; | ||
|
||
@include govuk-media-query ($until: $ccs-footer-columns-to-rows-point) { | ||
&:first-child { | ||
order: 2; | ||
} | ||
} | ||
} | ||
|
||
.ccs-footer__meta-item--grow { | ||
flex: 1; // Support: Flexbox | ||
|
||
@include govuk-media-query ($until: tablet) { | ||
flex-basis: 320px; // Support: Flexbox | ||
} | ||
|
||
@include govuk-media-query ($until: $ccs-footer-columns-to-rows-point) { | ||
text-align: left; | ||
} | ||
} | ||
|
||
.ccs-footer__inline-list { | ||
margin-top: 0; | ||
margin-bottom: govuk-spacing(3); | ||
padding: 0; | ||
|
||
&:last-child { | ||
margin-bottom: 0; | ||
} | ||
} | ||
|
||
.ccs-footer__meta-custom { | ||
a { | ||
color: $ccs-footer-text; | ||
} | ||
} | ||
|
||
.ccs-footer__inline-list-item { | ||
display: inline-block; | ||
margin-bottom: govuk-spacing(1); | ||
margin-left: govuk-spacing(3); | ||
|
||
@include govuk-media-query ($until: tablet) { | ||
margin-right: govuk-spacing(3); | ||
margin-left: 0; | ||
} | ||
} | ||
|
||
.ccs-footer__inline-list--bottom > .ccs-footer__inline-list-item { | ||
margin-bottom: 0; | ||
} | ||
|
||
.ccs-footer__heading { | ||
margin-bottom: govuk-spacing(6); | ||
padding-bottom: govuk-spacing(4); | ||
|
||
@include govuk-media-query ($until: tablet) { | ||
padding-bottom: govuk-spacing(2); | ||
} | ||
border-bottom: 1px solid $ccs-footer-border; | ||
color: $ccs-footer-text; | ||
} | ||
|
||
.ccs-footer__navigation { | ||
@include govuk-clearfix; | ||
margin-right: -$govuk-gutter-half; | ||
margin-left: -$govuk-gutter-half; | ||
} | ||
|
||
.ccs-footer__section { | ||
display: inline-block; | ||
margin-bottom: $govuk-gutter; | ||
vertical-align: top; | ||
} | ||
|
||
.ccs-footer__list { | ||
margin: 0; | ||
padding: 0; | ||
list-style: none; | ||
column-gap: $govuk-gutter; // Support: Columns | ||
|
||
// Disable thicker underlines on hover because of a bug in Chromium | ||
// affecting links within columns | ||
// https://bugs.chromium.org/p/chromium/issues/detail?id=1190987 | ||
.ccs-footer__link:hover { | ||
text-decoration-thickness: auto; | ||
} | ||
} | ||
|
||
@include govuk-media-query ($from: desktop) { | ||
.ccs-footer__list--columns-2 { | ||
column-count: 2; // Support: Columns | ||
} | ||
|
||
.ccs-footer__list--columns-3 { | ||
column-count: 3; // Support: Columns | ||
} | ||
} | ||
|
||
.ccs-footer__list-item { | ||
@include govuk-responsive-margin(4, "bottom"); | ||
} | ||
|
||
.ccs-footer__list-item:last-child { | ||
margin-bottom: 0; | ||
} | ||
|
||
.ccs-footer__logo { | ||
@include govuk-responsive-margin(5, "bottom"); | ||
box-sizing: border-box; | ||
|
||
@include govuk-media-query ($from: tablet) { | ||
width: 100%; | ||
padding-right: $govuk-gutter-half; | ||
float: left; | ||
vertical-align: top; | ||
} | ||
} | ||
|
||
.ccs-footer__copyright { | ||
margin-left: 0; | ||
text-align: center; | ||
} | ||
|
||
.footer-feedback { | ||
background-color: govuk-colour("light-grey"); | ||
} |
Oops, something went wrong.