Nesting @supports issue

When I nest @supports, it does not work, like so:

.full-right {
  padding-top: rem(25);
  padding-left: rem(20);
  ...

  @media screen and (min-width: $size__large) {
    @supports (position: sticky) {
      @include flexbox;
      @include flex-direction(column);
    }
    position: relative;
    padding-top: rem(52);
    padding-bottom: rem(0);
    ....
}

It only works if I take it outside of nesting, like this:

@supports (position: sticky) {
  @media screen and (min-width: $size__large) {
    .full-right {
      @include flexbox;
      @include flex-direction(column);
    }
  }
}

• This topic was modified 6 years, 5 months ago by jordanwebdev.