Portal: fix examples in docs

dnbexperience · Feb 19, 2019 · 90145b7 · 90145b7
1 parent 4133f98
commit 90145b7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js b/packages/dnb-design-system-portal/src/pages/uilib/typography/TypographyExamples.js
@@ -15,7 +15,10 @@ const FontUsageExample = ({ typo_class, font_family }) => (
   <div className="example-box">
     <h3 className={typo_class}>{font_family}</h3>
     <p className={typo_class}>
-      Here is a paragraph with some nonsense <a href="/">Lorem Ipsum</a>
+      Here is a paragraph with some nonsense{' '}
+      <a href="/" className="dnb-anchor">
+        Lorem Ipsum
+      </a>{' '}
       comes from <b>sections</b> 1.10.32 and 1.10.33 of "de
       <i>Finibus Bonorum</i> et <u>Malorum</u>" (
       <strong>The Extremes</strong> of Good and Evil) by Cicero, written in

diff --git a/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md b/packages/dnb-design-system-portal/src/pages/uilib/typography/anchor.md
@@ -20,13 +20,13 @@ Beside that the Anchor Tag gets assigned by default - or let's say, by only impo
 
 ## With Icon
 
-- <a href="/">Anchor with Icon <IconPrimary icon="chevron_right" /></a>
+- <a href="/" className="dnb-anchor">Anchor with Icon <IconPrimary icon="chevron_right" /></a>
 - <p>
     Eros semper blandit tellus mollis primis quisque platea sollicitudin
-    ipsum <a href="/">Inside a Paragraph <IconPrimary icon="bell" /></a> auctor cursus mauris porta consectetur natoque vehicula vestibulum feugiat ultrices vitae fermentum eros euismod imperdiet eleifend justo vivamus posuere
+    ipsum <a href="/" className="dnb-anchor">Inside a Paragraph <IconPrimary icon="bell" /></a> auctor cursus mauris porta consectetur natoque vehicula vestibulum feugiat ultrices vitae fermentum eros euismod imperdiet eleifend justo vivamus posuere
   </p>
 - <h2>
-    <a href="/">Inside Headings <IconPrimary icon="bell" /></a> H2
+    <a href="/" className="dnb-anchor">Inside Headings <IconPrimary icon="bell" /></a> H2
   </h2>
 
 ## Manipulation