_float.scss

/*  =========================================================================
    utilities.float
    Makes working with floats a lot more easy.
    ========================================================================= */

/*  Variables
    ========================================================================= */



/*  Module
    ========================================================================= */

/**
 * Make an element expand to contain floated children.
 * Uses pseudo-elements (micro clearfix).
 * As per: https://css-tricks.com/clearfix-a-lesson-in-web-development-evolution/
 *
 * 1. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-clearfix::before,
.u-clearfix::after {
  display: table; /* [1] */
  content: '';
}

.u-clearfix::after {
  clear: both;
}


/**
 * Floats
 */
.u-float--left {
  float: left !important;
}

.u-float--right {
  float: right !important;
}