steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 03:24:20 +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-image: url("Space_Default.jpg");
background-attachment: fixed;
background-size: cover;
#background {
width: 100vw;
height: 120vh;
position: fixed;
z-index: -1;
object-fit: cover;
object-position: center;
}
#body {
padding: 0 16px;
}
#background {
margin: 0 -16px;
}
@media screen and (max-width: 800px) {
#body {
padding: 0 8px;
}
#background {
margin: 0 -8px;
}
}
@media screen and (max-width: 400px) {
#body {
padding: 0 4px;
}
#background {
margin: 0 -4px;
}
}
#body .chapter-1 > .panel,

1
examples/index.html
View file

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