Reverse Stack Component

[joshmanders]

The Stack component is wonderful, but we ran into a case where we needed it to stack in a reverse way, for example this is what normal stack looks like:

We needed a reverse stack like this:

This is the code I used to achieve this, from the unstyled/stack.css file:

.reverse-stack {
  @apply inline-grid;
  & > * {
    @apply col-start-1 row-start-1;
  }
  & > * {
    transform: translateY(-10%) scale(0.9);
    z-index: 1;
  }
  & > *:nth-child(2) {
    transform: translateY(-5%) scale(0.95);
    z-index: 2;
  }
  & > *:nth-child(1) {
    transform: translateY(0) scale(1);
    z-index: 3;
  }
}

I'm not sure how to go about if I would need to do this in the styled/stack.css too at all, I don't see any translateY calls which are what I changed. But I can submit a PR adding this if necessary.