|
|
|
@import '../styles/mixins.sass'
|
|
|
|
@import '../styles/vars.sass'
|
|
|
|
|
|
|
|
html, body
|
|
|
|
margin: 0
|
|
|
|
height: 100%
|
|
|
|
|
|
|
|
$scrollbar-color: transparent
|
|
|
|
$scrollbar-thumb-color: #aaa
|
|
|
|
$scrollbar-color-dark: transparent
|
|
|
|
$scrollbar-thumb-color-dark: #aaa
|
|
|
|
|
|
|
|
::ng-deep body
|
|
|
|
scrollbar-color: $scrollbar-thumb-color $scrollbar-color
|
|
|
|
scrollbar-width: thin
|
|
|
|
.dark-theme
|
|
|
|
scrollbar-color: $scrollbar-thumb-color-dark $scrollbar-color-dark
|
|
|
|
|
|
|
|
::ng-deep ::-webkit-scrollbar
|
|
|
|
width: 4px
|
|
|
|
|
|
|
|
::ng-deep ::-webkit-scrollbar-track
|
|
|
|
background: $scrollbar-color
|
|
|
|
.dark-theme
|
|
|
|
background: $scrollbar-color-dark
|
|
|
|
|
|
|
|
::ng-deep ::-webkit-scrollbar-thumb
|
|
|
|
background: $scrollbar-thumb-color
|
|
|
|
.dark-theme
|
|
|
|
background: $scrollbar-thumb-color-dark
|
|
|
|
|
|
|
|
::ng-deep .lb-dataContainer
|
|
|
|
display: none
|
|
|
|
|
|
|
|
::ng-deep .lightbox .lb-image
|
|
|
|
border: none
|
|
|
|
|
|
|
|
::ng-deep .lb-outerContainer
|
|
|
|
background-color: transparent
|
|
|
|
|
|
|
|
::ng-deep .lb-outerContainer
|
|
|
|
height: 100vh !important
|
|
|
|
display: flex
|
|
|
|
justify-content: center
|
|
|
|
align-items: center
|