CSS in APP not working in PAGE

I assume that my old CSS that I used in APP will not function in PAGE…
I was really happy with the look I got in my APP so I just copied and pasted it into my PAGE project - it didn’t work!



[data-test="nav-bar"] >div +* {
color: transparent !important; 
}

[data-test="glide-app-bar"] >div >div >div >div {
text-align: center;
}

.nav-bar-root {
content: "";
display: flex;
background-image: url(https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/ojgEn6F6OoEJvOW9oHLj/pub/z5IksJuf4fL6ZW8NA6mt.gif);
background-size: 40px 40px;
background-repeat: no-repeat; 
background-position: center, center;
}

No, that won’t work in Pages.

CSS is applied in a different way in Pages, and is only available to Business & Enterprise customers.

That’s a shame !
I will stop trying to re-write my APP in PAGE and just hope then that Glide APP remains for the foreseeable future !

I don’t know how they will do the transition and what it means for legacy Apps, but don’t rely on CSS going forward, it can break any time.