mirror of
https://codeberg.org/yeentown/barkey
synced 2024-11-23 02:35:10 +00:00
Darken
Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
This commit is contained in:
parent
eebc1af672
commit
0a4b652493
1 changed files with 8 additions and 5 deletions
|
@ -29,9 +29,7 @@ export default Vue.extend({
|
|||
|
||||
<style lang="stylus" scoped>
|
||||
@import '~const.styl'
|
||||
|
||||
.search
|
||||
|
||||
root(isDark)
|
||||
> [data-fa]
|
||||
display block
|
||||
position absolute
|
||||
|
@ -60,15 +58,20 @@ export default Vue.extend({
|
|||
border none
|
||||
border-radius 16px
|
||||
transition color 0.5s ease, border 0.5s ease
|
||||
font-family FontAwesome, sans-serif
|
||||
color isDark ? #fff : #000
|
||||
|
||||
&::placeholder
|
||||
color #9eaba8
|
||||
|
||||
&:hover
|
||||
background rgba(#000, 0.08)
|
||||
background isDark ? rgba(#fff, 0.04) : rgba(#000, 0.08)
|
||||
|
||||
&:focus
|
||||
box-shadow 0 0 0 2px rgba($theme-color, 0.5) !important
|
||||
|
||||
.search[data-darkmode]
|
||||
root(true)
|
||||
|
||||
.search:not([data-darkmode])
|
||||
root(false)
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue