111 lines
1.7 KiB
Plaintext
Raw Normal View History

profile-boot-duration = 2s
.profile
2017-07-21 06:09:22 +00:00
vertical
align-items center
position relative
left calc(content-padding * -1)
2016-12-02 15:23:05 +00:00
top calc(content-padding-top * -1)
min-width calc(100% + content-padding * 2)
padding calc(content-padding * 2)
color white
text-shadow 0px 0px 2px rgb(0, 0, 0, 0.5)
2017-06-20 18:30:55 +00:00
// default-transition
// animation appear transition-speed
overflow hidden
2017-06-08 12:46:38 +00:00
.profile-field
2017-07-21 06:09:22 +00:00
text-align center
2017-06-08 12:46:38 +00:00
2017-07-02 14:24:26 +00:00
a
color white
2017-07-21 06:09:22 +00:00
.intro-container
vertical
align-items center
margin-top calc(content-padding * 1.5)
.profile-actions
horizontal
> 740px
2017-06-08 12:46:38 +00:00
.profile
2017-07-21 06:09:22 +00:00
horizontal
align-items flex-start
2017-07-19 15:16:53 +00:00
.profile-field
2017-07-21 06:09:22 +00:00
text-align left
2017-06-08 12:46:38 +00:00
.intro-container
2017-07-21 06:09:22 +00:00
align-items flex-start
margin-top 0
padding content-padding
padding-top 0
padding-left calc(content-padding * 2)
max-width 900px
.profile-actions
vertical
position absolute
top 0
right 0
padding content-padding
2017-06-08 12:46:38 +00:00
2017-06-20 18:30:55 +00:00
// animation appear
// 0%
// transform rotateX(90deg)
// filter opacity(0) saturate(0) blur(10px)
// 100%
// transform rotateX(0)
// filter opacity(1) saturate(1) blur(0)
.profile-cover
position absolute
left 0
top 0
width 100%
height 100%
z-index -1
2017-06-06 14:59:04 +00:00
object-fit cover
// background-size cover
overflow hidden
2017-06-20 18:30:55 +00:00
// default-transition
// animation cover-animation profile-boot-duration
// animation-fill-mode forwards
filter brightness(30%) blur(0)
2017-06-20 18:30:55 +00:00
// animation cover-animation
// 0%
// filter brightness(500%) blur(5px)
// 100%
// filter brightness(35%) blur(0)
.profile-image
object-fit cover
2017-06-08 12:46:38 +00:00
width 100%
height auto
2017-07-17 17:49:52 +00:00
.profile-image-container
2017-06-08 12:46:38 +00:00
flex 1
2017-06-12 18:06:31 +00:00
max-width 280px
max-height 280px
2017-06-11 09:13:59 +00:00
border-radius 3px
overflow hidden
2017-06-10 00:35:07 +00:00
#nick
margin-bottom 1rem
2017-07-03 15:33:57 +00:00
.no-data
2017-07-09 02:22:14 +00:00
width 100%
2017-07-09 15:43:13 +00:00
text-align center
2017-07-03 15:33:57 +00:00
2017-06-08 12:46:38 +00:00
// Categories
2017-07-03 15:21:00 +00:00
// .profile-category
// margin-bottom content-padding