//===============================================
// MIXINS
//===============================================
@mixin clearfix() {
  *zoom:1;    
  &:before, 
  &:after {
    content:"";
    display:table;
  }
  &:after {
    clear:both;
  }
}
@mixin hide() {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@mixin hide-off($position: static) {
  position: $position;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}
//···············································
// Small caps
//···············································
@mixin smallcaps() {
  font-size: 0.79em;
  font-weight: bolder;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
//···············································
// Drop caps
//···············································
@mixin dropcap() {
  float:left;
  font-size: 3.55em;
  font-weight: bolder;
  line-height: 0.667em;
  padding: 0 0.3em 0 0;
  margin-top: 0.1em;
  margin-left: -0.08em;
  margin-bottom: -0.1em;
}
//===============================================
// RULES
//===============================================
.nowrap {
  white-space: nowrap;
}
.smallcaps {
  @include smallcaps();
}