Nested CSS

[lasse333]

Are you guys aware of nested css

here is some documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting

this can be converted

/* base.css */
body {
  background: url(../images/Website_background.webp);
  background-repeat: repeat!important;
  margin: auto;                                                                   /* classless.css */
  max-width: 50rem;
  padding: 2rem 0.5rem 0;
  overflow-x: hidden;
}

body > div:not(.tox) {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important;
    margin: 0!important;
}
body > div:not(.tox) > div {
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    top: 0!important;
    margin: 0!important;
}

to this

/* how base.css could look */
body {
  background: url(../images/Website_background.webp);
  background-repeat: repeat!important;
  margin: auto;                                                                   /* classless.css */
  max-width: 50rem;
  padding: 2rem 0.5rem 0;
  overflow-x: hidden;

    & > div:not(.tox) {
        position: fixed!important;
        width: 100%!important;
        height: 100%!important;
        left: 0!important;
        top: 0!important;
        margin: 0!important;

        & > div {
            position: fixed!important;
            width: 100%!important;
            height: 100%!important;
            left: 0!important;
            top: 0!important;
            margin: 0!important;
        }
    }
}

[ShadyMedic]

Hi there, thank you for your comment.

I'm not responsible for the frontend of the website, but @Just5MoreMinutes might want to check this out.

Otherwise, if you have a bit of time, feel free to fork the repository, make the changes yourself and send a pull request. I'll gladly review it and merge it.