diff options
Diffstat (limited to 'animism-align/frontend/app/views/paragraph')
3 files changed, 7 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/paragraph/components/paragraph.form.js b/animism-align/frontend/app/views/paragraph/components/paragraph.form.js index 751ec7f..b97c224 100644 --- a/animism-align/frontend/app/views/paragraph/components/paragraph.form.js +++ b/animism-align/frontend/app/views/paragraph/components/paragraph.form.js @@ -9,7 +9,7 @@ import { clamp, timestamp, capitalize } from 'app/utils' import { Select } from 'app/common' const PARAGRAPH_TYPES = [ - 'paragraph', 'blockquote', 'hidden', + 'paragraph', 'intro_paragraph', 'blockquote', 'hidden', ].map(name => ({ name, label: capitalize(name.replace('_', ' ')) })) class ParagraphForm extends Component { diff --git a/animism-align/frontend/app/views/paragraph/components/paragraphTypes/index.js b/animism-align/frontend/app/views/paragraph/components/paragraphTypes/index.js index 038820f..e06c7ae 100644 --- a/animism-align/frontend/app/views/paragraph/components/paragraphTypes/index.js +++ b/animism-align/frontend/app/views/paragraph/components/paragraphTypes/index.js @@ -14,6 +14,7 @@ import { export const paragraphElementLookup = { paragraph: React.memo(Paragraph), + intro_paragraph: React.memo(Paragraph), hidden: React.memo(Paragraph), blockquote: React.memo(Paragraph), section_heading: React.memo(ParagraphHeading), diff --git a/animism-align/frontend/app/views/paragraph/paragraph.css b/animism-align/frontend/app/views/paragraph/paragraph.css index 1263ee8..53ef19f 100644 --- a/animism-align/frontend/app/views/paragraph/paragraph.css +++ b/animism-align/frontend/app/views/paragraph/paragraph.css @@ -31,6 +31,11 @@ font-size: 32px; } +.paragraphs .intro_paragraph { + font-size: 18px; + line-height: 28px; +} + .paragraphs .paragraph { font-size: 16px; line-height: 24px; |