Replace beta banner with beta badge

This is part of the new header style that Tim, Stephen et al have been
working on.

This means that we lose the feedback link, so I’m trying out having it
in the top right.
This commit is contained in:
Chris Hill-Scott
2016-11-22 17:21:12 +00:00
parent 397ad05db9
commit 92ad308fca
3 changed files with 27 additions and 11 deletions

View File

@@ -4,7 +4,8 @@
background-color: $govuk-blue;
}
#global-header {
#global-header,
#global-header.with-proposition {
#logo {
@@ -18,19 +19,39 @@
}
.header-wrapper {
.header-global {
.header-logo {
@include media(desktop) {
width: auto;
}
&:after {
display: none;
}
}
}
}
.header-proposition {
#proposition-links {
li {
padding: 0 0 0 15px;
}
}
#proposition-menu {
margin-top: 9px;
}
}
}
.beta-badge {
@include phase-tag(beta);
background: $govuk-blue;
margin: 10px 0 0 0;
}
@include media(desktop) {
#proposition-menu {
float: right;