Darken
This commit is contained in:
parent
81f3aed033
commit
28a5988ab6
3 changed files with 13 additions and 4 deletions
|
@ -68,7 +68,7 @@ export default Vue.extend({
|
|||
<style lang="stylus" scoped>
|
||||
@import '~const.styl'
|
||||
|
||||
.mk-poll
|
||||
root(isDark)
|
||||
|
||||
> ul
|
||||
display block
|
||||
|
@ -81,7 +81,8 @@ export default Vue.extend({
|
|||
margin 4px 0
|
||||
padding 4px 8px
|
||||
width 100%
|
||||
border solid 1px #eee
|
||||
color isDark ? #fff : #000
|
||||
border solid 1px isDark ? #5e636f : #eee
|
||||
border-radius 4px
|
||||
overflow hidden
|
||||
cursor pointer
|
||||
|
@ -108,6 +109,8 @@ export default Vue.extend({
|
|||
margin-left 4px
|
||||
|
||||
> p
|
||||
color isDark ? #a3aebf : #000
|
||||
|
||||
a
|
||||
color inherit
|
||||
|
||||
|
@ -121,4 +124,10 @@ export default Vue.extend({
|
|||
&:active
|
||||
background transparent
|
||||
|
||||
.mk-poll[data-darkmode]
|
||||
root(true)
|
||||
|
||||
.mk-poll:not([data-darkmode])
|
||||
root(false)
|
||||
|
||||
</style>
|
||||
|
|
|
@ -141,7 +141,7 @@ root(isDark)
|
|||
> .description
|
||||
padding 0 16px
|
||||
font-size 0.7em
|
||||
color #555
|
||||
color isDark ? #9ea4ad : #555
|
||||
|
||||
> .status
|
||||
padding 8px 16px
|
||||
|
|
|
@ -67,7 +67,7 @@ root(isDark)
|
|||
> .poll
|
||||
padding 16px
|
||||
font-size 12px
|
||||
color #555
|
||||
color isDark ? #9ea4ad : #555
|
||||
|
||||
> p
|
||||
margin 0 0 8px 0
|
||||
|
|
Loading…
Reference in a new issue