elvism16

.teaser {
  $parent: &;
  margin-bottom: 20px;
  position: relative;

  &#{$parent}--no-img {
    margin-top: 30opx;

    &:before {

elvism16

.block {
  display: block;
  @at-root #{&}__element {
    position: relative;
  }
  @at-root #{&}--modifier {
    display: flex;
  }
}

elvism16

// This is the default html and body font-size for the base rem value.
$rem-base: 16px !default;

// STRIP UNIT
// It strips the unit of measure and returns it
@function strip-unit($num) {
  @return $num / ($num * 0 + 1);
}

// CONVERT TO REM

elvism16

// Flexbox Mixins
//
// 1. Flexbox Containers
// 2. Flexbox Direction
// 3. Flexbox Wrap
// 4. Flexbox Order
// 5. Flexbox Grow
// 6. Flexbox Shrink
// 7. Flexbox Basis
// 8. Flexbox Justify Content