use .background when defining an area with background

Don't use main.container inside body to do that.
This commit is contained in:
buzz-lightsnack-2007 2024-04-22 23:53:01 +08:00
parent b09b69af3e
commit a42daaff61
2 changed files with 6 additions and 2 deletions

View file

@ -6,7 +6,7 @@
<title for="term_preferences"></title>
</head>
<body>
<body class="background">
<main class="container">
<ul class="collapsible" data-collapsible="accordion">
<li>

View file

@ -78,7 +78,6 @@ body {
background-color: var(--background-color);
}
body:has(main.container),
.background {
background: linear-gradient(
25deg,
@ -113,6 +112,11 @@ ul.sidenav-fixed + * {
padding-left: 300px;
}
main.container > * {
padding-bottom: .5em;
padding-top: .5em;
}
@media only screen and (max-width: 992px) {
ul.sidenav-fixed + * {
padding-left: 0;