.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