Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 14:52:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

css variables for videos list

Browse source
This commit is contained in:
svetlagasheva 2018-12-07 15:09:04 +02:00
parent 3c465ff764
commit ac318d9993
1 changed files with 17 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/routes/Detail/VideosList/styles.less
View file

@ -1,35 +1,9 @@
@import 'stremio-colors';
@scroll-container-width: 392px;
@seasons-bar-height: 50px;
@spacing: 8px;
.videos-list-container {
.seasons-bar {
height: @seasons-bar-height;
margin-bottom: @spacing;
.button-container {
width: (@seasons-bar-height * 1.5);
}
}
.scroll-container {
width: @scroll-container-width;
margin: 0 @spacing;
.videos-list {
padding: 0 (2 * @spacing);
>:not(:first-child) {
margin-top: @spacing;
}
}
}
.scroll-container::-webkit-scrollbar {
width: @spacing;
}
--scroll-container-width: 392px;
--seasons-bar-height: 50px;
--spacing: 8px;
}
.videos-list-container {
@ -39,10 +13,13 @@
background: @colordarkest;
.seasons-bar {
height: var(--seasons-bar-height);
display: flex;
justify-content: space-between;
margin-bottom: var(--spacing);
.button-container {
width: calc(1.5 * var(--seasons-bar-height));
cursor: pointer;
display: flex;
align-items: center;
@ -63,6 +40,8 @@
.scroll-container {
flex: 1;
position: relative;
width: var(--scroll-container-width);
margin: 0 var(--spacing);
overflow-y: auto;
overflow-x: hidden;
@ -72,9 +51,18 @@
left: 0;
right: 0;
bottom: 0;
padding: 0 calc(2 * var(--spacing));
>:not(:first-child) {
margin-top: var(--spacing);
}
}
}
.scroll-container::-webkit-scrollbar {
width: var(--spacing);
}
.scroll-container::-webkit-scrollbar-thumb {
background-color: @coloraccent80;
}