Jquery noty, right top position, display new messages higher (a.k.a LIFO)

Question

Client app is subscribed for messages from server. I use jquery noty plugin to visualize them. Snippet is:

noty({
    text: 'Message text',
    layout: "topRight"
});

Messages are displayed in top right order in FIFO order, but I need LIFO.

I feel that css trick exists to solve the problem, but does anybody knows the right way?

Answer 1

Unprefixed css trick is

ul[id^='noty_'] { 
    display: flex; 
    flex-direction: column-reverse; 
}
ul[id^='noty_'] > li { 
    flex: 0 0 auto; 
}