diff --git a/src/components/layout/Heading/index.scss b/src/components/layout/Heading/index.scss index e4f156eb..34bed43f 100644 --- a/src/components/layout/Heading/index.scss +++ b/src/components/layout/Heading/index.scss @@ -13,17 +13,19 @@ .h2 { line-height: 28px; - font-size: $largeFontSize; + font-size: $(fontSizeHeadingMd)px; } .h3 { line-height: 21px; - font-size: $mediumFontSize; font-weight: bold; font-family: 'Roboto Mono', monospace; + font-size: $(fontSizeHeadingSm)px; } .h4 { + line-height: 21px; + font-family: 'Roboto Mono', monospace; font-size: $(fontSizeHeadingXs)px; } diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js index fadde8ea..1fef6fcf 100644 --- a/src/components/layout/Paragraph/index.js +++ b/src/components/layout/Paragraph/index.js @@ -8,7 +8,7 @@ const cx = classNames.bind(styles) type Props = { align?: 'right' | 'center' | 'left', noMargin?: boolean, - bold?: boolean, + weight?: 'light' | 'regular' | 'bold', size?: 'sm' | 'md' | 'lg' | 'xl', color?: 'soft' | 'medium' | 'dark' | 'primary' | 'fancy', transform?: 'capitalize' | 'lowercase' | 'uppercase', @@ -19,11 +19,14 @@ type Props = { class Paragraph extends React.PureComponent { render() { const { - bold, children, color, align, size, transform, noMargin, className, ...props + weight, children, color, align, size, transform, noMargin, className, ...props } = this.props return ( -

+

{ children }

) diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss index 274848d8..db63986b 100644 --- a/src/components/layout/Paragraph/index.scss +++ b/src/components/layout/Paragraph/index.scss @@ -63,10 +63,18 @@ font-size: $largeFontSize; } -.lg { +.xl { font-size: $extraLargeFontSize; } +.light { + font-weight: $lightFont; +} + +.regular { + font-weight: $regularFont; +} + .bold { - font-weight: bold; + font-weight: $boldFont; } \ No newline at end of file diff --git a/src/routes/open/components/SafeForm/Owners/index.jsx b/src/routes/open/components/SafeForm/Owners/index.jsx index fa51f1b3..edf69afd 100644 --- a/src/routes/open/components/SafeForm/Owners/index.jsx +++ b/src/routes/open/components/SafeForm/Owners/index.jsx @@ -54,7 +54,7 @@ const Owners = (props: Props) => { - Owner Nº {index + 1} + Owner Nº {index + 1}