diff --git a/app/assets/stylesheets/helpers/_taxonomy-navigation.scss b/app/assets/stylesheets/helpers/_taxonomy-navigation.scss index 556e770f5..17079e817 100644 --- a/app/assets/stylesheets/helpers/_taxonomy-navigation.scss +++ b/app/assets/stylesheets/helpers/_taxonomy-navigation.scss @@ -5,21 +5,10 @@ border-top: 2px solid $govuk-blue; } -.taxonomy-navigation__list-item { - margin-bottom: $gutter / 6; - padding-bottom: $gutter / 6; - list-style: none; -} - -.taxonomy-navigation__section { - padding: $gutter-one-third 0 $gutter-two-thirds 0; - margin-top: $gutter-half; - border-top: 1px solid $black; -} - .taxonomy-navigation__row { display: flex; flex-wrap: wrap; + padding-top: $gutter-one-third; @include media(tablet) { margin-right: -25px; @@ -27,22 +16,30 @@ } .taxonomy-navigation__column { - @include core-16; @include box-sizing(border-box); width: 100%; - padding: ($gutter / 6) $gutter-one-third ($gutter-half + $gutter-one-third) 0; + font-size: 16px; + padding: ($gutter-one-third / 2) $gutter-one-third ($gutter-half + $gutter-one-third) 0; @include media(tablet) { width: 50%; - padding: ($gutter / 6) ($gutter-half + $gutter-one-third) ($gutter-half + $gutter-one-third) 0; + padding: ($gutter-one-third / 2) ($gutter-half + $gutter-one-third) ($gutter-half + $gutter-one-third) 0; } @include media(desktop) { width: (1 / 3) * 100%; - padding: ($gutter / 6) ($gutter-half + $gutter-one-third) ($gutter-half + $gutter-one-third) 0; + padding: ($gutter-one-third / 2) ($gutter-half + $gutter-one-third) ($gutter-half + $gutter-one-third) 0; } +} - .gem-c-heading { - @include bold-16; - } +.taxonomy-navigation__list-item { + margin: $gutter-one-third 0 ($gutter-one-third / 2) 0; + padding-bottom: $gutter-one-third / 2; + list-style: none; +} + +.taxonomy-navigation__section { + padding: $gutter-one-third 0 $gutter-two-thirds 0; + margin-top: $gutter-half; + border-top: 1px solid $black; } diff --git a/app/views/shared/_taxonomy_navigation.html.erb b/app/views/shared/_taxonomy_navigation.html.erb index f5b9c819b..8da0bfc4b 100644 --- a/app/views/shared/_taxonomy_navigation.html.erb +++ b/app/views/shared/_taxonomy_navigation.html.erb @@ -5,7 +5,7 @@ <%= render "govuk_publishing_components/components/heading", text: 'Topics', heading_level: 2, - padding: true %> + font_size: 19 %>