.py-row:after {
  clear: both
}

.py-row {
  position: relative;
  box-sizing: border-box;

  &:after,
  &:before {
    display: table;
    content: ""
  }
}

.py-row--flex {
  display: -ms-flexbox;
  display: flex;

  &:after,
  &:before {
    display: none
  }
}

.py-row--flex.is-align-bottom {
  -ms-flex-align: end;
  align-items: flex-end
}

.py-row--flex.is-align-middle {
  -ms-flex-align: center;
  align-items: center
}

.py-row--flex.is-justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.py-row--flex.is-justify-space-between {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.py-row--flex.is-justify-end {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.py-row--flex.is-justify-center {
  -ms-flex-pack: center;
  justify-content: center
}