From deb00d2d2e8a0b9f4a7c21350d7e4d3c608081b6 Mon Sep 17 00:00:00 2001 From: Vesa Luusua Date: Mon, 5 Jun 2017 20:50:30 +0300 Subject: [PATCH] Run Prettier --- .../StyleguidePage/Typography.example.js | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/src/containers/StyleguidePage/Typography.example.js b/src/containers/StyleguidePage/Typography.example.js index 20e67ca1..ee074543 100644 --- a/src/containers/StyleguidePage/Typography.example.js +++ b/src/containers/StyleguidePage/Typography.example.js @@ -57,7 +57,6 @@ const Fonts = () => { line-height: 32px; padding: 4px 0 4px;`; - const h3FontStyling = `Mobile styles: font-size: 20px; line-height: 24px; @@ -68,7 +67,6 @@ const Fonts = () => { line-height: 24px; padding: 2px 0 6px;`; - const h4FontStyling = `Mobile styles: font-size: 16px; line-height: 24px; @@ -79,7 +77,6 @@ const Fonts = () => { line-height: 24px; padding: 4px 0 4px;`; - const h5FontStyling = `Mobile styles: font-size: 14px; line-height: 18px; @@ -90,7 +87,6 @@ const Fonts = () => { line-height: 18px; padding: 7px 0 1px;`; - const h6FontStyling = `Mobile styles: font-size: 12px; line-height: 18px; @@ -111,7 +107,6 @@ const Fonts = () => { line-height: 32px; padding: 5px 0 3px;`; - const tinyFontStyling = `Mobile styles: font-size: 13px; line-height: 18px; @@ -122,7 +117,6 @@ const Fonts = () => { line-height: 18px; padding: 7px 0 1px;`; - const fontsContainerClasses = classNames(css.fontsContainer, css.baselines); return ( @@ -167,20 +161,22 @@ const Fonts = () => { styling={h4FontStyling} />
You will only be charged if your request is accepted by the provider.
} + component={() => ( +
You will only be charged if your request is accepted by the provider.
+ )} description="H5 / .h5Font: Can be used as a fine print text." styling={h5FontStyling} /> ( -
Close
- )} + component={() =>
Close
} description="H6 / .h6Font: Works as a close text." styling={h6FontStyling} /> ( -

Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

+

+ Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. +

)} description=".bodyFont, p, button, etc: Paragraphs and other body texts." styling={bodyFontStyling}