From 6db698c555fff4155a22c4ed57b088df5f8e4b86 Mon Sep 17 00:00:00 2001
From: Ekaterina Kondareva <>
Date: Fri, 30 Oct 2020 12:43:51 +0200
Subject: [PATCH] text paragraph, styles for content page text paragraph
---
.../paragraph-text-content.scss | 70 +++++++------------
1 file changed, 27 insertions(+), 43 deletions(-)
diff --git a/src/components/paragraph-text/paragraph-text-content.scss b/src/components/paragraph-text/paragraph-text-content.scss
index 225d3b5e..6edae7ca 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;
- }
- }
-}
--
GitLab