// // Utility classes // ————————————————–

// Floats // ————————-

.clearfix {

&:before,
&:after {
  content: " "; // 1
  display: table; // 2
}
&:after {
  clear: both;
}

}

.center {

margin: 0 auto $line-height-base;
text-align: center;

}

.pull-right {

float: right !important;

} .pull-left {

float: left !important;

}

.left {

float: left;

}

.right {

float: right;

}

// List
// -------------------------

@mixin list-inline {

padding: 0;
margin: 0 0 $base-line;
li {
  display: inline-block;
}

}

// Toggling content // ————————- // Note: Deprecated .hide in favor of .invisible

.hide {

display: none !important;

}

.show {

display: block !important;

}

.invisible {

border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;

}

// For Affix plugin // ————————-

.affix {

position: fixed;

}

// Icons // ————————-

.icon {

> svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  path {
    fill: $color-grey;
  }
}

}