app background asigned only to HTML element

This commit is contained in:
NikolaBorislavovHristov 2019-03-05 14:52:31 +02:00
parent fb90879d33
commit 0055aad30c

View file

@ -65,41 +65,44 @@
box-shadow: none; box-shadow: none;
} }
html, body, :global(#app) { html {
position: relative;
z-index: 0;
width: 100vw;
height: 100vh;
min-width: var(--window-min-width);
min-height: var(--window-min-height);
font-family: 'Roboto', 'sans-serif';
line-height: 1;
background-color: var(--color-background); background-color: var(--color-background);
.router { &, body, :global(#app) {
width: 100%; position: relative;
height: 100%; z-index: 0;
} width: 100vw;
height: 100vh;
min-width: var(--window-min-width);
min-height: var(--window-min-height);
font-family: 'Roboto', 'sans-serif';
line-height: 1;
input { .router {
&::-moz-focus-inner { width: 100%;
border: none; height: 100%;
} }
&[type="email"], &[type="password"], &[type="text"] { input {
user-select: text; &::-moz-focus-inner {
border: none;
}
&[type="email"], &[type="password"], &[type="text"] {
user-select: text;
}
} }
}
::-webkit-scrollbar { ::-webkit-scrollbar {
width: var(--scroll-bar-width); width: var(--scroll-bar-width);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background-color: var(--color-secondarylighter80); background-color: var(--color-secondarylighter80);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight); background-color: var(--color-backgroundlight);
}
} }
} }