brunosimon
137 lines
2.3 KiB
Stylus
137 lines
2.3 KiB
Stylus
.file
|
|
position absolute
|
|
top 0
|
|
right 0
|
|
left 290px
|
|
right 0
|
|
height 100%
|
|
|
|
header
|
|
position absolute
|
|
top 0
|
|
left 0
|
|
right 0
|
|
height 50px
|
|
background #1E202F
|
|
|
|
a
|
|
user-select none
|
|
|
|
&.active
|
|
background #26283B
|
|
|
|
.icon
|
|
&.default
|
|
display inline-block
|
|
|
|
&.hover
|
|
display none
|
|
|
|
&:hover
|
|
.icon
|
|
&.default
|
|
display none
|
|
|
|
&.hover
|
|
display inline-block
|
|
|
|
.versions-toggle
|
|
display block
|
|
position absolute
|
|
top 0
|
|
left 0
|
|
width 50px
|
|
height 50px
|
|
padding-top 13px
|
|
padding-left 18px
|
|
|
|
.icon
|
|
&.default
|
|
opacity 0.5
|
|
|
|
&.active
|
|
background #26283B
|
|
|
|
.differences-toggle
|
|
display block
|
|
position absolute
|
|
top 0
|
|
left 51px
|
|
width 58px
|
|
height 50px
|
|
padding-top 13px
|
|
padding-left 19px
|
|
|
|
.icon
|
|
&.default
|
|
opacity 0.7
|
|
|
|
&.active
|
|
background #26283B
|
|
|
|
.copy
|
|
display block
|
|
position absolute
|
|
top 0
|
|
right 58px
|
|
width 58px
|
|
height 50px
|
|
padding-top 14px
|
|
padding-left 22px
|
|
|
|
.icon
|
|
&.default
|
|
opacity 0.8
|
|
|
|
&.active
|
|
background #26283B
|
|
|
|
.download
|
|
display block
|
|
position absolute
|
|
top 0
|
|
right 0
|
|
width 58px
|
|
height 50px
|
|
padding-top 14px
|
|
padding-left 22px
|
|
|
|
.icon
|
|
&.default
|
|
opacity 0.5
|
|
|
|
.path
|
|
position absolute
|
|
top 20px
|
|
left 0
|
|
right 0
|
|
text-align center
|
|
font-size 14px
|
|
color #fff
|
|
letter-spacing 0.25px
|
|
|
|
.directory
|
|
opacity 0.3
|
|
|
|
.preview
|
|
position absolute
|
|
top 50px
|
|
right 0
|
|
bottom 0
|
|
left 0
|
|
background #2d2d49
|
|
text-align center
|
|
|
|
.inner
|
|
display flex
|
|
align-items center
|
|
justify-content center
|
|
position absolute
|
|
top 50px
|
|
right 50px
|
|
bottom 50px
|
|
left 50px
|
|
|
|
img
|
|
max-width 100%
|
|
max-height 100% |