diff --git a/src/components/paragraph-text/paragraph-text-content.scss b/src/components/paragraph-text/paragraph-text-content.scss index 225d3b5e45833c3be2b46e432c0942373eca1f74..6edae7cae222b71f65ae2b57fd574c25b96c3651 100644 --- a/src/components/paragraph-text/paragraph-text-content.scss +++ b/src/components/paragraph-text/paragraph-text-content.scss @@ -6,30 +6,40 @@ */ .hy-paragraph-text.content_page.external, .hy-paragraph-text.field_of_science.external { - margin-top: 24px; + margin-top: 24px; //total gap between heading h2 and paragraph content is 48px @include breakpoint($narrow) { - margin-top: 16px; + margin-top: 16px; //total gap 40px + } + @include breakpoint($wide) { + margin-top: 32px; //total gap 56px } } -.hy-paragraph-text.content_page, -.hy-paragraph-text.field_of_science { - h2 { - // text H2 small - @include font-size(26px, 32px); - letter-spacing: -0.8px; - padding-bottom: 40px; - - @include breakpoint($wide) { - // text H2 Medium size ?? also for 1200-1440 with sidebar !!! - @include font-size(32px, 38px); - letter-spacing: -1px; +// There is a sidebar on the Content page +.hy-paragraph-text.content_page.external.default, +.hy-paragraph-text.field_of_science.external.default { + @include breakpoint($extrawide) { + margin-top: 32px; //total gap 56px + } + @include breakpoint($overwide) { + margin-top: 40px; //total gap 64px + } +} - padding-bottom: 56px; - } +// No sidebar on the Content page +.hy-paragraph-text.content_page.external.wide, +.hy-paragraph-text.field_of_science.external.wide { + @include breakpoint($extrawide) { + margin-top: 40px; //total gap 64px } + @include breakpoint($overwide) { + margin-top: 40px; //total gap 64px + } +} +.hy-paragraph-text.content_page, +.hy-paragraph-text.field_of_science { h3 { // text H3 small @include font-size(22px, 28px); @@ -116,35 +126,9 @@ padding-top: 28px; } - @include breakpoint($overwide) { + @include breakpoint($wide) { padding-bottom: 16px; padding-top: 32px; } } } - -// There is a sidebar on the Content page -.hy-paragraph-text.content_page.default, -.hy-paragraph-text.field_of_science.default { - h2 { - @include breakpoint($extrawide) { - padding-bottom: 56px; - } - @include breakpoint($overwide) { - padding-bottom: 64px; - } - } -} - -// No sidebar on the Content page -.hy-paragraph-text.content_page.wide, -.hy-paragraph-text.field_of_science.default { - h2 { - @include breakpoint($extrawide) { - padding-bottom: 64px; - } - @include breakpoint($overwide) { - padding-bottom: 64px; - } - } -}