-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1939 from alphagov/render-getinvolved-frontend
Render Get Involved page on Government Frontend
- Loading branch information
Showing
77 changed files
with
3,498 additions
and
13 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,130 @@ | ||
| // GOV.UK typography palettes | ||
|
|
||
| // ANATOMY OF A TYPE STYLE | ||
| // ----------------------- | ||
| // These are a collection of graphic styles. They are deliberately | ||
| // abstracted from semantic HTML context to enable flexible re-use. | ||
| // Although there is a lot of duplication within this file, as long | ||
| // as you GZIP your CSS it shouldnt cause any bloat. | ||
| // | ||
| // | ||
| // @mixin brand-45 { | ||
| // _ Style name refers to graphic style rather than semantic use | ||
| // | ||
| // font-size: 45px; | ||
| // | ||
| // line-height: (52/45); | ||
| // _ Unit-less, relative leading value. | ||
| // line-height (52px) / font-size (45px) = relative line-height | ||
| // | ||
| // font-weight: 300; | ||
| // text-transform: none; | ||
| // _ Again, we cant assume anything about pre-exising CSS on the | ||
| // page, so setting these values (even if just resetting them | ||
| // to default values) will increase the robustness of the style. | ||
| // | ||
| // padding-top: 7px; | ||
| // padding-bottom: 5px; | ||
| // _ Set top and bottom padding values to ensure an appropriate | ||
| // vertical measure before & after the text, ideally sitting it | ||
| // on the 10px baseline grid. | ||
| // } | ||
|
|
||
| // CORE FONTS - NEW TRANSPORT | ||
|
|
||
| // Suitable for page headings | ||
| @mixin ig-core-48 { | ||
| @include govuk-font(48); | ||
| padding-top: 12px; | ||
| padding-bottom: 8px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 8px; | ||
| padding-bottom: 7px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable for page headings | ||
| @mixin ig-core-36 { | ||
| @include govuk-font(36); | ||
| padding-top: 6px; | ||
| padding-bottom: 9px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 8px; | ||
| padding-bottom: 7px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable for body headings | ||
| @mixin ig-core-27 { | ||
| @include govuk-font(27); | ||
| padding-top: 2px; | ||
| padding-bottom: 3px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 7px; | ||
| padding-bottom: 3px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable for short body copy | ||
| @mixin ig-core-24 { | ||
| @include govuk-font(24); | ||
| padding-top: 3px; | ||
| padding-bottom: 2px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 7px; | ||
| padding-bottom: 7px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable for long body copy | ||
| @mixin ig-core-19 { | ||
| @include govuk-font(19); | ||
| padding-top: 7px; | ||
| padding-bottom: 3px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 6px; | ||
| padding-bottom: 4px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable body pullouts and asides | ||
| @mixin ig-core-16 { | ||
| @include govuk-font(16); | ||
| padding-top: 5px; | ||
| padding-bottom: 5px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 6px; | ||
| padding-bottom: 4px; | ||
| } | ||
| } | ||
|
|
||
| // Suitable for captions, buttons etc | ||
| @mixin ig-core-14 { | ||
| @include govuk-font(14); | ||
| padding-top: 6px; | ||
| padding-bottom: 4px; | ||
|
|
||
| @media (max-width: 640px) { | ||
| padding-top: 4px; | ||
| padding-bottom: 1px; | ||
| } | ||
| } | ||
|
|
||
| @mixin white-links { | ||
| a, | ||
| a:visited, | ||
| a:hover { | ||
| color: govuk-colour("white"); | ||
| text-decoration: underline; | ||
| } | ||
|
|
||
| a:active { | ||
| color: $govuk-link-active-colour; | ||
| } | ||
| } |
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,124 @@ | ||
| .get-involved { | ||
| // Disabled due to many govuk_publishing_components requiring IDs over classes. | ||
| // stylelint-disable selector-max-id | ||
|
|
||
| list-style: none; | ||
|
|
||
| .govuk-link { | ||
| line-height: 1.16; | ||
| } | ||
|
|
||
| #engage-with-government { | ||
| border-bottom-style: solid; | ||
| padding-bottom: 5px; | ||
| border-bottom-width: 5px; | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| .respond-to-consultations { | ||
| .govuk-grid-column-two-thirds-from-desktop { | ||
| padding: 20px 0 0; | ||
| margin-bottom: 20px; | ||
| } | ||
| } | ||
|
|
||
| #respond-heading { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .big-numbers { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .recently-opened { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .govuk-grid-column-two-thirds-from-desktop { | ||
| margin-bottom: 50px; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .govuk-grid-column-one-third-from-desktop { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .consultation-lists { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .gem-c-big-number { | ||
| margin-top: 10px; | ||
| } | ||
|
|
||
| .consultation-closing-soon { | ||
| background-color: govuk-colour("dark-blue"); | ||
| padding: govuk-spacing(3) govuk-spacing(3); | ||
| } | ||
|
|
||
| #closing-soon-title { | ||
| border-bottom-style: solid; | ||
| padding-bottom: 5px; | ||
| border-bottom-width: 1px; | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| #closing-soon-link { | ||
| @include govuk-font(19); | ||
| margin-bottom: 5px; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| #consultation-title { | ||
| @include govuk-font(19); | ||
| } | ||
|
|
||
| .consultation-list-row { | ||
| float: left; | ||
| padding: 0 0 10px; | ||
| } | ||
|
|
||
| .consultation-attributes { | ||
| @include govuk-font(14); | ||
| padding-top: 5px; | ||
|
|
||
| li { | ||
| float: left; | ||
| padding-right: 10px; | ||
| } | ||
|
|
||
| .consultation-view-link { | ||
| font-weight: bold; | ||
| margin-right: 30px; //force onto new line | ||
| } | ||
| } | ||
|
|
||
| #see-all-link { | ||
| @include govuk-font(19); | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .keyline { | ||
| margin: 30px 15px; | ||
| } | ||
|
|
||
| .comment-follow { | ||
| li { | ||
| border-bottom: 1px solid $govuk-border-colour; | ||
| padding: 1px 0 7px; | ||
| } | ||
| } | ||
|
|
||
| .more-ways { | ||
| li { | ||
| border-bottom: 1px solid $govuk-border-colour; | ||
| padding: 1px 0 7px; | ||
| } | ||
| } | ||
|
|
||
| .take-part-pages { | ||
| .govuk-grid-column-one-third-from-desktop { | ||
| padding: 15px 15px 0; | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.