.cmi

color: #222
font-size: 16px
font-size: 1rem
line-height: 1.4
+box-sizing(border-box)

*[class^=“cmi-”]

+selection
  background: $color-text-selection-bg
  color: $color-text-selection-text
  text-shadow: none

div.cmi-div, header.cmi-header, footer.cmi-footer, main.cmi-main, aside.cmi-aside, ul.cmi-ul, ol.cmi-ol, form.cmi-form, input.cmi-input, label.cmi-label, textarea.cmi-textarea, select.cmi-select

+box-sizing(border-box)

.cmi-clearfix

+clearfix

hr.cmi-hr

display: block
margin: 1em 0
padding: 0
height: 1px
border: 0
border-top: 1px solid #ccc

i.cmi-i

line-height: inherit
&.cmi-left
  float: left
  margin-right: 15px
&.cmi-right
  float: right
  margin-left: 15px
&.cmi-tiny
  font-size: 1rem
&.cmi-small
  font-size: 2rem
&.cmi-medium
  font-size: 4rem
&.cmi-large
  font-size: 6rem

table.cmi-table, th.cmi-th, td.cmi-td

border: none

table.cmi-table

width: 100%
display: table

thead.cmi-thead

border-bottom: 1px solid $color-table-border

td.cmi-td, th.cmi-th

padding: 5px 15px
display: table-cell
text-align: left
vertical-align: middle
background: transparent

.cmi-pull-right

position: relative
float: right
top: 0
+clearfix

.cmi-pull-left

position: relative
float: left
top: 0
+clearfix