diff --git a/docs/_includes/example.njk b/docs/_includes/example.njk index be81043..124d40f 100644 --- a/docs/_includes/example.njk +++ b/docs/_includes/example.njk @@ -1,4 +1,4 @@ -
+
Open this example ({{ title }}) in a new window @@ -23,7 +23,7 @@ {% endif -%}
-
+
    diff --git a/docs/_includes/layouts/base.njk b/docs/_includes/layouts/base.njk index 9035a63..727002b 100644 --- a/docs/_includes/layouts/base.njk +++ b/docs/_includes/layouts/base.njk @@ -5,7 +5,7 @@ {% from "icon/macro.njk" import nhsappIcon %} - + diff --git a/docs/_includes/layouts/example-full-page-mobile-not-logged-in.njk b/docs/_includes/layouts/example-full-page-mobile-not-logged-in.njk index 089bc72..013f83e 100644 --- a/docs/_includes/layouts/example-full-page-mobile-not-logged-in.njk +++ b/docs/_includes/layouts/example-full-page-mobile-not-logged-in.njk @@ -2,6 +2,7 @@ {% block skiplink %}{% endblock %} +{% set htmlClasses = "app-html-background-color-grey-5" %} {% set mainClasses = "nhsuk-main-wrapper--s" %} {% block header %} diff --git a/docs/_includes/layouts/example-full-page-mobile.njk b/docs/_includes/layouts/example-full-page-mobile.njk index 51e7de5..c7886ea 100644 --- a/docs/_includes/layouts/example-full-page-mobile.njk +++ b/docs/_includes/layouts/example-full-page-mobile.njk @@ -2,6 +2,7 @@ {% block skiplink %}{% endblock %} +{% set htmlClasses = "app-html-background-color-grey-5" %} {% set containerClasses = "app-width-container" %} {% set mainClasses = "app-main-wrapper" %} diff --git a/docs/assets/css/_container.scss b/docs/assets/css/_container.scss index 5d9735a..20555e7 100644 --- a/docs/assets/css/_container.scss +++ b/docs/assets/css/_container.scss @@ -7,3 +7,9 @@ .app-main-wrapper { padding: 0 0 130px; // to give correct spacing for sticky footer } + +// App html class +// Removes the dark grey background at the bottom of shorter pages +.app-html-background-color-grey-5 { + background-color: $color_nhsuk-grey-5; +}