[Client:Desktop] White header

This commit is contained in:
syuilo 2017-04-15 22:19:15 +09:00
parent 7109ea8c67
commit da22155a98
6 changed files with 15 additions and 10 deletions

View File

@ -35,7 +35,7 @@
display block display block
margin 0 margin 0
padding 0 padding 0
color #dbe2e0 color #9eaba8
border none border none
background transparent background transparent
cursor pointer cursor pointer
@ -45,11 +45,14 @@
&:hover &:hover
&[data-active='true'] &[data-active='true']
color #fff color darken(#9eaba8, 20%)
> .avatar > .avatar
filter saturate(150%) filter saturate(150%)
&:active
color darken(#9eaba8, 30%)
> .username > .username
display block display block
float left float left

View File

@ -43,7 +43,7 @@
display table-cell display table-cell
vertical-align middle vertical-align middle
height 48px height 48px
color #dbe2e0 color #9eaba8
> .yyyymmdd > .yyyymmdd
opacity 0.7 opacity 0.7

View File

@ -53,7 +53,7 @@
padding 0 24px padding 0 24px
font-size 13px font-size 13px
font-variant small-caps font-variant small-caps
color #dbe2e0 color #9eaba8
text-decoration none text-decoration none
transition none transition none
cursor pointer cursor pointer
@ -62,7 +62,7 @@
pointer-events none pointer-events none
&:hover &:hover
color #fff color darken(#9eaba8, 20%)
text-decoration none text-decoration none
> i:first-child > i:first-child

View File

@ -13,7 +13,7 @@
margin 0 margin 0
padding 0 padding 0
width 32px width 32px
color #dbe2e0 color #9eaba8
border none border none
background transparent background transparent
cursor pointer cursor pointer
@ -23,7 +23,10 @@
&:hover &:hover
&[data-active='true'] &[data-active='true']
color #fff color darken(#9eaba8, 20%)
&:active
color darken(#9eaba8, 30%)
> i > i
font-size 1.2em font-size 1.2em

View File

@ -26,7 +26,6 @@
border-radius 0 border-radius 0
transition color 0.5s ease, border 0.5s ease transition color 0.5s ease, border 0.5s ease
font-family FontAwesome, sans-serif font-family FontAwesome, sans-serif
color #fff
&::-webkit-input-placeholder &::-webkit-input-placeholder
color #9eaba8 color #9eaba8

View File

@ -38,14 +38,14 @@
height 48px height 48px
backdrop-filter blur(12px) backdrop-filter blur(12px)
//background-color rgba(255, 255, 255, 0.75) //background-color rgba(255, 255, 255, 0.75)
background #313a40 background #fff
&:after &:after
content "" content ""
display block display block
width 100% width 100%
height 48px height 48px
background-image url(/assets/desktop/header-logo-white.svg) background-image url(/assets/desktop/header-logo.svg)
background-size 46px background-size 46px
background-position center background-position center
background-repeat no-repeat background-repeat no-repeat