maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-28 12:43:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Run Prettier

Browse source
This commit is contained in:
Vesa Luusua 2017-06-05 20:50:30 +03:00
parent 764ed1464d
commit deb00d2d2e
1 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/containers/StyleguidePage/Typography.example.js
View file

@ -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}
/>
<Font
component={() => <h5>You will only be charged if your request is accepted by the provider.</h5>}
component={() => (
<h5>You will only be charged if your request is accepted by the provider.</h5>
)}
description="H5 / .h5Font: Can be used as a fine print text."
styling={h5FontStyling}
/>
<Font
component={() => (
<h6>Close</h6>
)}
component={() => <h6>Close</h6>}
description="H6 / .h6Font: Works as a close text."
styling={h6FontStyling}
/>
<Font
component={() => (
<p>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.</p>
<p>
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.
</p>
)}
description=".bodyFont, p, button, etc: Paragraphs and other body texts."
styling={bodyFontStyling}