[Client:Desktop] White header

This commit is contained in:
syuilo 2017-04-15 22:19:15 +09:00
parent 5b075875d7
commit 4b13723773
6 changed files with 15 additions and 10 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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