diff --git a/changelogs/DP-9177.yml b/changelogs/DP-9177.yml new file mode 100644 index 0000000000..9867104cb1 --- /dev/null +++ b/changelogs/DP-9177.yml @@ -0,0 +1,12 @@ +Changed: + - project: Patternlab + component: PageHeader + description: Semantically set up page category info. (#1617) + issue: DP-9177 + impact: Patch + + - project: Patternlab + component: RulesOfCourt + description: Add contextual info to comp headings. (#1617) + issue: DP-9177 + impact: Patch \ No newline at end of file diff --git a/packages/assets/scss/03-organisms/_page-header.scss b/packages/assets/scss/03-organisms/_page-header.scss index d908f1c509..55f32ae2a5 100644 --- a/packages/assets/scss/03-organisms/_page-header.scss +++ b/packages/assets/scss/03-organisms/_page-header.scss @@ -130,6 +130,21 @@ $page-header-widget-width: 350px; text-transform: uppercase; } + &__subCategory { + padding-bottom: 15px; + color: $c-font-base; + + @include ma-heading(3); + + @include ma-comp-heading($c-primary-alt); + + @include ma-border-decorative; + + &:after { + width: 1.85em; // ma-underline-decorative override + } + } + &__title { margin-bottom: .4em; diff --git a/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig b/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig index 64b81f8c14..4978a59c57 100644 --- a/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig +++ b/packages/patternlab/styleguide/source/_patterns/03-organisms/by-template/page-header.twig @@ -50,26 +50,31 @@ {% endif %} {% if pageHeader.category %} -