Skip to content
This repository was archived by the owner on Dec 11, 2021. It is now read-only.

Commit c512ef3

Browse files
committed
Typography: Added styles for paragraphs and lists
Typography: Eliminated need of a mixin for p Typography: Eliminated need of mixin for p Typography: Shorthand margins Typography: Eliminated need of mixin for p Typography: Fixed indentation Typography: Fixed default fontSize
1 parent c78216a commit c512ef3

File tree

2 files changed

+26
-0
lines changed

2 files changed

+26
-0
lines changed

scss/atoms/typography/_typography.scss

+18
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,24 @@ h6 {
4444
@include heading($h6);
4545
}
4646

47+
p {
48+
text-align: map-get($p,textAlignment);
49+
margin: em(map-get($p,marginTopBottom)) em(map-get($p,marginLeftRight));
50+
line-height: 1.5;
51+
font-size: map-get($defaultFont, font-size);
52+
}
53+
54+
ul, ol {
55+
margin: 0 0 10px;
56+
}
57+
58+
ul ul,
59+
ol ul,
60+
ul ol,
61+
ol ol {
62+
margin: 0;
63+
}
64+
4765
/*
4866
* ==========================================================================
4967
* Block elements

scss/variables/typography.js

+8
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,14 @@ chassis.typography = {
150150
fontSize: "16px",
151151
capitalization: "uppercase"
152152
}
153+
},
154+
p: {
155+
name: "P style",
156+
value: {
157+
marginTopBottom: "25px",
158+
marginLeftRight: "0px",
159+
textAlignment: "left"
160+
}
153161
}
154162

155163
};

0 commit comments

Comments
 (0)