kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-08-21 12:55:22 +00:00
Code Issues Projects Releases Wiki Activity

Add more properties for finer body margins

Browse Source
This commit is contained in:
rejas
2021-05-14 17:09:46 +02:00
parent 6d356ff770
commit fcfe57e5e2
2 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
css/main.css
View File

@@ -10,8 +10,12 @@
--font-size: 20px;
--font-size-small: 0.75rem;
--gap-body: 60px;
--gap-modules: calc(var(--gap-body) / 2);
--gap-body-top: 60px;
--gap-body-right: 60px;
--gap-body-bottom: 60px;
--gap-body-left: 60px;
--gap-modules: 30px;
}
html {
@@ -27,10 +31,10 @@ html {
}
body {
margin: var(--gap-body);
margin: var(--gap-body-top) var(--gap-body-right) var(--gap-body-bottom) var(--gap-body-left);
position: absolute;
height: calc(100% - 2 * var(--gap-body));
width: calc(100% - 2 * var(--gap-body));
height: calc(100% - var(--gap-body-top) - var(--gap-body-bottom));
width: calc(100% - var(--gap-body-right) - var(--gap-body-left));
background: var(--color-background);
color: var(--color-text);
font-family: var(--font-primary), sans-serif;
@@ -159,10 +163,10 @@ sup {
.region.fullscreen {
position: absolute;
top: calc(-1 * var(--gap-body));
left: calc(-1 * var(--gap-body));
right: calc(-1 * var(--gap-body));
bottom: calc(-1 * var(--gap-body));
top: calc(-1 * var(--gap-body-top));
left: calc(-1 * var(--gap-body-left));
right: calc(-1 * var(--gap-body-right));
bottom: calc(-1 * var(--gap-body-bottom));
pointer-events: none;
}