Issue 914 (#376)

* Update styles.css Inserted addition px data * Update content-text-body.css Updated the code for fixes mentioned in issue 914 * Update short-cards.css Fixes related to Issue 914 * Update content-text-body.css content-text-body h5 - merged into one * Update breadcrumb.css Text replacement from "..." to "Home" * Updated content-text-body.css Spacing re-adjusted to 8 px * 2 issues fixed MERATIVE-955 and MERATIVE-954 * Update styles.css * fix(Bullet Spacing and Text Size): Update reference.css and styles.css * Update references.css * Update references.css * Update references.css * Updated spacing as per requirements * Update styles.css * Updated style as per Footnotes --------- Co-authored-by: Ajeet-Nellikeri <[email protected]> Co-authored-by: keith-kaplan <[email protected]> Co-authored-by: Ajeet Nellikeri <[email protected]> Co-authored-by: Kanaksinh Rahevar <[email protected]> Co-authored-by: Kanaksinh <[email protected]>
hlxsites · Apr 25, 2024 · 2bd344a · 2bd344a
1 parent dff051e
commit 2bd344a
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 7 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -685,7 +685,7 @@ main .columns > div > div > h4:first-child {
   .section-top-grid > div:nth-child(1) > div:nth-child(1),
   .article-content-wrapper ul {
     font-family: var(--sans-serif-font-light);
-    font-size: var(--font-size-21);
+    font-size: var(--font-size-16);
     font-weight: var(--font-weight-light);
     line-height: var(--line-height-160);
     letter-spacing: var(--letter-spacing-1);

diff --git a/blocks/leadspace/leadspace.css b/blocks/leadspace/leadspace.css
@@ -625,7 +625,7 @@ main div.leadspace-wrapper {
   .leadspace .button-group {
     display: flex;
     flex-flow: row nowrap;
-    align-items: center;
+    align-items: baseline;
   }
 
   .leadspace.brand-logo .button-group {

diff --git a/blocks/references/references.css b/blocks/references/references.css
@@ -1,14 +1,42 @@
-.references p, .references p strong {
+.references p,
+.references p strong {
   font-size: var(--font-size-32);
   font-family: var(--serif-font);
   margin: unset;
-  margin-bottom: var(--spacer-element-10);
+  margin-bottom: var(--spacer-element-09);
   line-height: var(--line-height-120);
   letter-spacing: var(--letter-spacing-001-em);
 }
 
-.references ul, ol, li, a {
+.references ul,
+.references ol,
+.references li,
+.references a {
   font-size: var(--font-size-14);
   font-family: var(--sans-serif-font-regular);
   color: var(--neutral-grey-tint140);
+}
+
+.references ul,
+.references ol {
+  padding-inline-start: var(--spacer-element-05);
+  margin-top: 0;
+}
+
+.references li {
+  margin: var(--spacer-element-03) 0;
+}
+
+.references li::marker {
+  font-size: var(--font-size-14);
+  font-family: var(--sans-serif-font-regular);
+  color: var(--neutral-grey-tint140);
+}
+
+/* All except desktop */
+@media only screen and (max-width: 992px) {
+  .references p,
+  .references p strong {
+    margin-bottom: var(--spacer-element-06);
+  }
 }
diff --git a/styles/styles.css b/styles/styles.css
@@ -841,7 +841,9 @@ main ol li {
 main ul li::marker,
 main ol li::marker {
   color: var(--primary-purple);
-  font-family: var(--sans-serif-font-medium);
+  font-family: var(--sans-serif-font-regular);
+  font-weight: var(--font-weight-light);
+  font-size: var(--font-size-21);
 }
 
 /* Special case lists */
@@ -1832,6 +1834,11 @@ body.quick-links main .section > div {
     line-height: var(--line-height-160);
     letter-spacing: var(--letter-spacing-1);
   }
+
+  .article-content-wrapper ul li {
+    font-size: inherit;
+  }
+
 }
 
 /* Desktop */
@@ -1936,7 +1943,8 @@ body.quick-links main .section > div {
   .article-content-wrapper ul,
   .article-content-wrapper ol {
     font-size: var(--font-size-21);
-    margin: var(--spacer-element-09) 0;
+    margin: var(--spacer-element-05) 0;
+    padding-inline-start: var(--spacer-element-07);
   }
 
   .article-content {