$black: #000
$grey: #333
$dark-grey: #111
.filters
display: none
.matrix
animation: blur 10s infinite
background-color: $black
animation-delay: 10s
position: absolute
height: 100%
width: 100%
top: 0
left: 0
.source
background-color: $black
border: 2px solid $white
border-radius: 8px
display: flex
flex-direction: column
flex-grow: 1
height: 100%
margin: 0 auto
max-width: 960px
overflow: hidden
width: 100%
.source__path
border-bottom: 1px solid $white
margin: 0
padding: 1em
.source__files
list-style: none
margin: 0
padding: 0
.source__file
color: $white
display: block
padding: 0.75em 1em
&:hover
background: $dark-grey
.source__info
display: flex
padding: 0.5em 1em
border-bottom: 1px solid $white
justify-content: space-between
.source__bump
color: $grey
float: right
.source__image
bottom: 0
display: block
left: 0
margin: auto
max-height: 90%
max-width: 90%
right: 0
top: 0
position: absolute
.source__no-preview
color: #ff4757
font-size: 3em
left: 50%
margin: auto
position: absolute
top: 50%
transform: translate3d(-50%, -50%, 0)
.breadcrumb
margin: 0 0.5em
// Periodic blur
@keyframes blur
0%
filter: url(#blur-horizontal)
2%
filter: url(#none)
5%
filter: url(#blur-horizontal)
7%
filter: url(#none)
10%
filter: url(#blur-horizontal)
12%
filter: url(#none)
58%
filter: url(#none)
60%
filter: url(#blur-vertical)
62%
filter: url(#none)
65%
filter: url(#blur-horizontal)
67%
filter: url(#none)
69%
filter: url(#blur-vertical)
72%
filter: url(#none)
/*
* OVERWRITES
*/
.body_page_source
background-image: radial-gradient(ellipse at center, $black 0%, $black 100%)
color: $white
font-weight: 700
text-shadow: none
-webkit-text-stroke: 0
// Links
.link_source
color: $blue
text-decoration: underline
.title_source
-webkit-text-stroke: 0.031em $white
color: $black
// Scroller
.scroller_source
height: 100%
.scrollbar_source
background-color: $dark-grey
border-radius: 0
.scrollbar__handle_source
background-color: $white
// Menu
.menu_source
background-color: $black
border-color: $white
.menu__button_source
background-color: $black
border-color: $white
border-left-color: $black
border-top-color: $black
.hamburger_source
&, &:before, &:after
background-color: $white