add static pages
This commit is contained in:
parent
bd78b8e4d7
commit
5ba5100a52
19 changed files with 320 additions and 7 deletions
16
imports/ui/components/Content/Content.js
Normal file
16
imports/ui/components/Content/Content.js
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/* eslint-disable react/no-danger */
|
||||
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
import './Content.scss';
|
||||
|
||||
const Content = ({ content }) => (
|
||||
<div className="Content" dangerouslySetInnerHTML={{ __html: content }} />
|
||||
);
|
||||
|
||||
Content.propTypes = {
|
||||
content: PropTypes.string.isRequired,
|
||||
};
|
||||
|
||||
export default Content;
|
||||
36
imports/ui/components/Content/Content.scss
Normal file
36
imports/ui/components/Content/Content.scss
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
@import '../../stylesheets/mixins';
|
||||
|
||||
.Content {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
margin: 30px 0 20px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(tablet) {
|
||||
.Content {
|
||||
font-size: 16px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue