fluid-center

center

/* =============================================================================
   Fluid Center
   ========================================================================== */
// Given the following DOM structure, elements are centered relative to the parent
// and can accomodate varied-width inner content

// <div class="fluid-center">
//     <div class="inner-wrap">
//         <div class="offset">
//             Any content here
//         </div>
//     </div>
// </div>

.fluid-center {
  position: absolute;
  left: 50%;
  .inner-wrap {
    position: relative;
    right: 50%;
  }
}