////////////////////////////////////////////////////////////////////////////////
/// In View                                                             #in-view
////////////////////////////////////////////////////////////////////////////////

@mixin in-view {
  &.in-view {
    @content;
  }
}

@mixin not-in-view {
  &:not(.in-view) {
    @content;
  }
}