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 16, 2019
1 parent fdf62ac commit e008c7a
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 e008c7a

Please sign in to comment.