.cmi
font-size: 0.875rem font-family: "Roboto", sans-serif font-weight: 400 line-height: 1.5 color: #333
textarea.cmi-textarea
font-family: "Roboto", sans-serif font-size: 0.875rem font-weight: 400 line-height: 1.3 color: #333
// Text Styles
p.cmi-p
font-size: 0.875rem font-weight: 400 color: $paragraph-color
em.cmi-em
font-weight: 400 font-style: italic color: #000
strong.cmi-strong
font-weight: 600 color: #000
small.cmi-small, small.cmi-small
font-size: 0.8125rem
a.cmi-a
font-weight: 400 text-decoration: none color: $color-link &:hover color: $color-link-hover text-decoration: underline
blockquote.cmi-blockquote
margin: 20px 0 padding-left: 1.5rem border-left: 5px solid $blockquote-color-border font-style: italic color: $blockquote-color-font
pre.cmi-pre
margin: 10px 0 padding: 0.5em 0.5em 0.5em 1.5rem font-size: 0.75rem line-height: 1.3 border-left: 5px solid $pre-color-border color: $blockquote-color-font background-color: $pre-color-background white-space: pre-wrap word-wrap: break-word
.cmi-text-light
font-weight: 300
.cmi-text-primary
color: $color-primary - 20
// headlines
h1.cmi-h1
margin: 1.25rem 0 0.625rem 0 font-size: 2rem font-weight: 400 line-height: 1.1 color: #333
h2.cmi-h2
margin: 1rem 0 0.625rem 0 font-size: 1.625rem font-weight: 400 line-height: 1.1 color: #333
h3.cmi-h3
margin: 1rem 0 0.625rem 0 font-size: 1.25rem font-weight: 400 line-height: 1.1 color: #333
h4.cmi-h4
margin: 0.625rem 0 0.625rem 0 font-size: 1.25rem font-weight: 200 line-height: 1.1 color: #333
h5.cmi-h5
margin: 0.625rem 0 0.625rem 0 font-size: 1rem font-weight: 400 line-height: 1.1 color: #333
h1.cmi-h1, h2.cmi-h2, h3.cmi-h3, h4.cmi-h4, h5.cmi-h5
&.cmi-lined width: 100% text-align: left border-bottom: 1px solid #aaa line-height: 0.1em .cmi-span background: #fff padding: 0 15px 0 0
h1.cmi-h1.cmi-lined
margin: 2.21rem 0 1.625rem 0
h2.cmi-h2.cmi-lined
margin: 1.8125rem 0 1.4rem 0
h3.cmi-h3.cmi-lined
margin: 1.625rem 0 1.21rem 0
h4.cmi-h4.cmi-lined
margin: 1.25rem 0 1.21rem 0
h5.cmi-h5.cmi-lined
margin: 1.125rem 0 1.05rem 0