diff --git a/scss/atoms/typography/_typography.scss b/scss/atoms/typography/_typography.scss index c3d584d..42686eb 100644 --- a/scss/atoms/typography/_typography.scss +++ b/scss/atoms/typography/_typography.scss @@ -44,6 +44,24 @@ h6 { @include heading($h6); } +p { + text-align: map-get($p,text-alignment); + margin: em(map-get($p,margin-top)) em(map-get($p,margin-right)) em(map-get($p,margin-bottom)) em(map-get($p,margin-left)); + line-height: 1.5; + font-size: em(map-get($p, font-size)); +} + +ul, ol { + margin: 0 0 10px; +} + +ul ul, +ol ul, +ul ol, +ol ol { + margin: 0; +} + /* * ========================================================================== * Block elements diff --git a/scss/variables/typography.js b/scss/variables/typography.js index f0abaf3..e731a8f 100644 --- a/scss/variables/typography.js +++ b/scss/variables/typography.js @@ -161,6 +161,17 @@ chassis.typography = { "font-style": "italic", "padding-left": "1em" } + }, + "p": { + name: "Paragraph style", + value: { + "margin-top": "25px", + "margin-bottom": "25px", + "margin-left": "0px", + "margin-right": "0px", + "text-alignment": "left", + "font-size": fontSize + } } };