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

Use px as units for mosts margins

Browse source
This commit is contained in:
Steffo 2022-10-28 14:56:08 +02:00
parent c3f543d8d4
commit 86c4d9da16
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
examples/index.css
View file

@ -2,6 +2,20 @@
background-image: url("Space_Default.jpg"); background-image: url("Space_Default.jpg");
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
padding: 0 16px;
}
@media screen and (max-width: 800px) {
#body {
padding: 0 8px;
}
}
@media screen and (max-width: 400px) {
#body {
padding: 0 4px;
}
} }
#body .chapter-1 > .panel, #body .chapter-1 > .panel,

7
src/rulesets/base.less
View file

@ -21,9 +21,6 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
// And remove its margin, in case it is the "real" body
margin: 0;
// Set the default font family // Set the default font family
.use-font-group(text) .use-font-group(text)
} }
@ -202,12 +199,12 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
gap: 0.5em; gap: 8px;
justify-content: center; justify-content: center;
align-items: stretch; align-items: stretch;
// Add the gap as a vertical margin, so that multiple chapters can be placed next to each other // Add the gap as a vertical margin, so that multiple chapters can be placed next to each other
margin: 0.5em; margin: 8px 0;
> @{all} { > @{all} {
// Allow all children to grow // Allow all children to grow