Tom Byers
a2367bcab8
Make header & footer components look like Notify
...
Notify has 4 columns of links in the footer and
its header navigation aligns to the right on
desktop.
2019-11-25 11:43:30 +00:00
Tom Byers
47f1e90546
Add GOVUK Frontend Sass, configured for this app
...
Like:
https://github.com/alphagov/govuk-frontend/blob/v2.13.0/package/all.scss
...but specifying the components to include,
starting with the ones that make up the
govuk_template and setting any variables needed.
2019-11-25 11:43:30 +00:00
Tom Byers
e02f94f238
Revert "Replace govuk template with govuk frontend components"
2019-11-25 10:37:35 +00:00
Tom Byers
e441e038ea
Fix footer on smaller screens
2019-11-22 17:45:45 +00:00
Tom Byers
6957a95121
Set vertical spacing for <main>
...
GOV.UK Frontend gives `<main>` different padding
on the top and bottom to us.
This adds our spacing to `<main>` for pages
without a side nav (except the product page which
is special) and to the row containing the `<main>`
and side nav sections on pages that have a side
nav.
2019-11-22 17:44:17 +00:00
Tom Byers
e366bdadb0
Make <main> section position: relative
...
The content of the GOV.UK Frontend header
component is `position: relative`. This changed
the [default z-index
stacking](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index_
so it was above `<main>`.
This aligns `<main>` with the header, meaning
`<main>` appears above it due to being below it in
the document.
2019-11-22 17:44:17 +00:00
Tom Byers
8fc510384c
Make header & footer components look like Notify
...
Notify has 4 columns of links in the footer and
its header navigation aligns to the right on
desktop.
2019-11-22 17:44:17 +00:00
Tom Byers
32aba71ab7
Add GOVUK Frontend Sass, configured for this app
...
Like:
https://github.com/alphagov/govuk-frontend/blob/v2.13.0/package/all.scss
...but specifying the components to include,
starting with the ones that make up the
govuk_template and setting any variables needed.
2019-11-22 17:44:16 +00:00
