Skip to content

Commit

Permalink
Add gutters to the header consistent with the grid
Browse files Browse the repository at this point in the history
This allows the header to line up with the grid properly.
  • Loading branch information
NickColley committed Jan 17, 2019
1 parent 0730e73 commit a1823f0
Showing 1 changed file with 7 additions and 1 deletion.
8 changes: 7 additions & 1 deletion src/components/header/_header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -124,13 +124,18 @@
@include govuk-font($size: 24, $weight: bold);
}

.govuk-header__logo,
.govuk-header__content {
box-sizing: border-box;
}

.govuk-header__logo {
@include govuk-responsive-margin(2, "bottom");
padding-right: govuk-spacing(8);

@include mq ($from: desktop) {
width: 33.33%;
padding-right: 0;
padding-right: $govuk-gutter-half;
float: left;
vertical-align: top;
}
Expand All @@ -139,6 +144,7 @@
.govuk-header__content {
@include mq ($from: desktop) {
width: 66.66%;
padding-left: $govuk-gutter-half;
float: left;
}
}
Expand Down

0 comments on commit a1823f0

Please sign in to comment.