60 lines
1.4 KiB
SCSS
60 lines
1.4 KiB
SCSS
// NibblePoker.lu CSS - (C) 2023 Bozet Herwin
|
|
|
|
/* HTML Elements > HTML & Body */
|
|
|
|
//@import 'images';
|
|
|
|
html, body {
|
|
min-width: 100vw;
|
|
min-height: 100vh;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
max-width: 100vw;
|
|
max-height: 100vh;
|
|
|
|
background-color: #{$color-background-body};
|
|
}
|
|
|
|
body {
|
|
//z-index: -2;
|
|
|
|
font-family: "Roboto", Arial, sans-serif;
|
|
|
|
//&:before {
|
|
// content: ' ';
|
|
// display: block;
|
|
// position: absolute;
|
|
// left: 0;
|
|
// top: 0;
|
|
// width: 100%;
|
|
// height: 100%;
|
|
// z-index: -1;
|
|
//}
|
|
//
|
|
//&.background-grid:before {
|
|
// opacity: 0.3; // TODO: Set to .2 if in light.
|
|
// background-image: #{$img_grid};
|
|
//}
|
|
//
|
|
//&.background-map:before {
|
|
// background-image: #{$img_map};
|
|
// filter: contrast(200%) invert(75%) opacity(0.25) brightness(0.625);
|
|
//}
|
|
}
|
|
|
|
body {
|
|
//background-color: var(--lm-base-body-bg-color);
|
|
//background-image: var(--lm-base-body-bg-image);
|
|
//color: var(--lm-base-text-color);
|
|
//font-size: var(--base-font-size);
|
|
//line-height: var(--base-line-height);
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
|
|
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
//font-weight: 400;
|
|
}
|
|
|
|
|
|
// TODO: Add that background to other classes through a common declaration
|
|
// And then separate only the body in a final declaration to unset the background from fixed to default !
|
|
// It will reduce the number of CSS statements/selectors !!!
|