$eps-atoms: (
typography:(
display:(
1:(
font-size: $eps-display-1-font-size,
line-height:null,
color: var(--display-1-color),
margin-top: $eps-spacer,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:null,
text-transform: null,
),
2:(
font-size: $eps-display-2-font-size,
line-height:null,
color: var(--display-2-color),
margin-top: $eps-spacer,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:null,
font-style: null,
text-transform: null,
),
3:(
font-size: $eps-display-3-font-size,
line-height:null,
color: var(--display-3-color),
margin-top: 0,
margin-bottom: 2.5 * $eps-spacer,
font-familiy:null,
font-weight:null,
font-style: null,
text-transform: null,
),
4:(
font-size: $eps-display-4-font-size,
line-height:null,
color: var(--display-4-color),
margin-top: $eps-spacer,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:null,
font-style: null,
text-transform: null,
),
),
heading:(
1:(
font-size: $eps-h-1-font-size,
line-height: $eps-line-height-flat,
color: var(--h1-color),
margin-top: null,
margin-bottom: 2.5 * $eps-spacer,
font-familiy:null,
font-weight: $eps-font-weight-medium,
font-style: null,
text-transform: null,
),
2:(
font-size: $eps-h-2-font-size,
line-height: $eps-line-height-sm,
color: var(--h2-color),
margin-top: 0,
margin-bottom: 2.5 * $eps-spacer,
font-familiy: null,
font-weight: $eps-font-weight-medium,
font-style: null,
text-transform: null,
),
3:(
font-size: $eps-h-3-font-size,
line-height: $eps-line-height-sm,
color: var(--h3-color),
margin-top: 0,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:$eps-font-weight-medium,
font-style: null,
text-transform: null,
),
4:(
font-size: $eps-h-4-font-size,
line-height:null,
color: var(--h4-color),
margin-top: 0,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:null,
font-style: null,
text-transform: null,
),
5:(
font-size: $eps-h-5-font-size,
line-height:null,
color: var(--h5-color),
margin-top: 0,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:null,
text-transform: null,
),
6:(
font-size: $eps-h-6-font-size,
line-height:null,
color: var(--h-6-color),
margin-top: 0,
margin-bottom: $eps-spacer,
font-familiy:null,
font-weight:$eps-font-weight-bold,
text-transform: null,
),
),
text:(
base:(
font-size:$eps-body-font-size,
line-height:$eps-line-height-base,
color: var(--text-base-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
xl:(
font-size:$eps-text-xl-font-size,
line-height:$eps-line-height-base,
color: var(--text-xl-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
lg:(
font-size:$eps-text-lg-font-size,
line-height:$eps-line-height-base,
color: var(--text-lg-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
md:(
font-size:$eps-text-md-font-size,
line-height:$eps-line-height-base,
color: var(--text-md-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
sm:(
font-size:$eps-text-sm-font-size,
line-height:$eps-line-height-base,
color: var(--text-sm-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
xs:(
font-size:$eps-text-xs-font-size,
line-height:$eps-line-height-base,
color: var(--text-xs-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
xxs:(
font-size:$eps-text-xs-font-size,
line-height:$eps-line-height-sm,
color: var(--text-xxs-color),
margin-top: null,
margin-bottom:null,
font-familiy:null,
font-weight:$eps-font-weight-normal,
),
),
)
);