mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-10 08:43:09 +02:00
[Client:Desktop] White header
This commit is contained in:
parent
7109ea8c67
commit
da22155a98
6 changed files with 15 additions and 10 deletions
|
@ -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
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
display table-cell
|
||||
vertical-align middle
|
||||
height 48px
|
||||
color #dbe2e0
|
||||
color #9eaba8
|
||||
|
||||
> .yyyymmdd
|
||||
opacity 0.7
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue