steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

Change background rendering system

Browse source
This commit is contained in:
Steffo 2022-10-28 16:33:38 +02:00
parent ac65c603ad
commit a906213bd0
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
examples/index.css
View file

@ -1,21 +1,40 @@
#body { #background {
background-image: url("Space_Default.jpg"); width: 100vw;
background-attachment: fixed; height: 120vh;
background-size: cover;
position: fixed;
z-index: -1;
object-fit: cover;
object-position: center;
}
#body {
padding: 0 16px; padding: 0 16px;
} }
#background {
margin: 0 -16px;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
#body { #body {
padding: 0 8px; padding: 0 8px;
} }
#background {
margin: 0 -8px;
}
} }
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
#body { #body {
padding: 0 4px; padding: 0 4px;
} }
#background {
margin: 0 -4px;
}
} }
#body .chapter-1 > .panel, #body .chapter-1 > .panel,

1
examples/index.html
View file

@ -28,6 +28,7 @@
<title>Bluelib</title> <title>Bluelib</title>
</head> </head>
<body id="body" class="theme-bluelib"> <body id="body" class="theme-bluelib">
<img id="background" alt="" src="Space_Default.jpg">
<main> <main>
<article> <article>
<h1> <h1>