Merge pull request #2124 from tf/ext-typo

Add typography classes for external links
codevise · Jul 11, 2024 · 25b40ca · 25b40ca
2 parents ce2ce71 + 035161c
commit 25b40ca
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/entry_types/scrolled/doc/creating_themes/custom_typography.md b/entry_types/scrolled/doc/creating_themes/custom_typography.md
@@ -79,6 +79,8 @@ The following rule names are supported:
 | `default_navigation_chapter_link` | Applies to chapter links in the default navigation. |
 | `default_navigation_chapter_summary` | Applies to chapter summary texts in the default navigation. |
 | `default_navigation_active_chapter_link` | Applies to the chapter link representing the current chapter. |
+| `external_link_title` | Applies to titles of external links. |
+| `external_link_description` | Applies to descriptions of external links. |
 
 ### Responsive Breakpoints
 

diff --git a/...es/scrolled/package/src/contentElements/externalLinkList/frontend/ExternalLink.module.css b/...es/scrolled/package/src/contentElements/externalLinkList/frontend/ExternalLink.module.css
@@ -69,24 +69,30 @@
   --content-text-color: var(--theme-external-links-card-text-color, lightContentTextColor);
 }
 
-.details > .link_title {
+.link_title,
+.link_desc {
+  width: 100%;
+  white-space: normal;
+  line-height: 1.3em;
+  margin-bottom: 0;
+}
+
+.link_title {
+  composes: typography-externalLinkTitle from global;
   font-weight: bold;
   margin: 0 0 20px;
 }
 
+.link_desc {
+  composes: typography-externalLinkDescription from global;
+}
+
 @media screen and breakpoint-sm {
-  .details > .link_title {
+  .link_title {
     font-size: 1.2em;
   }
 }
 
-.details > p {
-  width: 100%;
-  white-space: normal;
-  line-height: 1.3em;
-  margin-bottom: 0;
-}
-
 .tooltip {
   position: absolute;
   left: 50%;