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