YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added some markup to the Articles

Browse Source
This commit is contained in:
Dominic Masters
2018-11-27 12:52:46 +11:00
parent cf80504123
commit 0bf91d2bed
6 changed files with 60 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/objects/typography/Heading.jsx
View File

@ -23,7 +23,7 @@
import React from 'react';
const Heading = (props) => {
const Heading = props => {
let { level, size, className } = props;
level = level || 1;
@ -33,8 +33,8 @@ const Heading = (props) => {
let clazz = `o-heading o-heading--${size}`;
if(className) clazz += ` ${className}`;
return <CustomTag {...props} className={clazz} />;
}
export default Heading;
};
const Heading1 = (props) => { return <Heading {...props} level="1" />; };
const Heading2 = (props) => { return <Heading {...props} level="2" />; };
@ -43,6 +43,7 @@ const Heading4 = (props) => { return <Heading {...props} level="4" />; };
const Heading5 = (props) => { return <Heading {...props} level="5" />; };
const Heading6 = (props) => { return <Heading {...props} level="6" />; };
export default Heading;
export {
Heading1, Heading2, Heading3, Heading4, Heading5, Heading6
};

5
public/objects/typography/Paragraph.jsx
View File

@ -23,7 +23,6 @@
import React from 'react';
export default (props) => {
let { className } = props;
return <p {...props} className={"o-paragraph"+(className?` ${className}`: "")} />;
export default props => {
return <p {...props} className={`o-paragraph ${props.className||""}`} />;
};