Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-16 19:53:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

app styles refactored

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-08-26 09:55:38 +03:00
parent 13cb2b71dc
commit 27305b764f
1 changed files with 28 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

56
src/App/styles.less
View file

@ -44,6 +44,14 @@
font-style: normal;
}
:root {
--landscape-shape-ratio: 0.5625;
--poster-shape-ratio: 1.464;
--scroll-bar-width: 6px;
--focus-outline-size: 2px;
--color-facebook: #4267b2;
}
* {
margin: 0;
padding: 0;
@ -65,40 +73,32 @@
scrollbar-color: var(--color-secondarylighter80) var(--color-backgroundlight);
}
html {
--landscape-shape-ratio: 0.5625;
--poster-shape-ratio: 1.464;
--scroll-bar-width: 6px;
--focus-outline-size: 2px;
--color-facebook: #4267b2;
::-webkit-scrollbar {
width: var(--scroll-bar-width);
}
&, body, #app {
position: relative;
z-index: 0;
width: 100vw;
height: 100vh;
min-width: 800px;
min-height: 600px;
font-family: 'Roboto', 'sans-serif';
overflow: auto;
}
::-webkit-scrollbar-thumb {
background-color: var(--color-secondarylighter80);
}
::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight);
}
html, body, #app {
position: relative;
z-index: 0;
width: 100vw;
height: 100vh;
min-width: 800px;
min-height: 600px;
font-family: 'Roboto', 'sans-serif';
overflow: auto;
.routes-container {
width: 100%;
height: 100%;
}
::-webkit-scrollbar {
width: var(--scroll-bar-width);
}
::-webkit-scrollbar-thumb {
background-color: var(--color-secondarylighter80);
}
::-webkit-scrollbar-track {
background-color: var(--color-backgroundlight);
}
}
@media only screen and (min-width: @xxlarge) {