wip
This commit is contained in:
parent
7ca5e33a3a
commit
016c7fd2c4
|
@ -54,7 +54,7 @@ export default Vue.extend({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
root(isDark)
|
.root.home
|
||||||
max-width 600px
|
max-width 600px
|
||||||
margin 0 auto
|
margin 0 auto
|
||||||
|
|
||||||
|
@ -65,7 +65,7 @@ root(isDark)
|
||||||
margin 0 0 16px 0
|
margin 0 0 16px 0
|
||||||
|
|
||||||
> section
|
> section
|
||||||
background isDark ? #21242f : #eee
|
background var(--face)
|
||||||
border-radius 8px
|
border-radius 8px
|
||||||
box-shadow 0 4px 16px rgba(#000, 0.1)
|
box-shadow 0 4px 16px rgba(#000, 0.1)
|
||||||
|
|
||||||
|
@ -80,8 +80,8 @@ root(isDark)
|
||||||
padding 8px 10px
|
padding 8px 10px
|
||||||
font-size 15px
|
font-size 15px
|
||||||
font-weight normal
|
font-weight normal
|
||||||
color isDark ? #b8c5cc : #465258
|
color var(--text)
|
||||||
background var(--face)
|
background var(--faceHeader)
|
||||||
border-radius 8px 8px 0 0
|
border-radius 8px 8px 0 0
|
||||||
|
|
||||||
@media (min-width 500px)
|
@media (min-width 500px)
|
||||||
|
@ -98,12 +98,6 @@ root(isDark)
|
||||||
display block
|
display block
|
||||||
margin 16px
|
margin 16px
|
||||||
text-align center
|
text-align center
|
||||||
color isDark ? #cad2da : #929aa0
|
color var(--text)
|
||||||
|
|
||||||
.root.home[data-darkmode]
|
|
||||||
root(true)
|
|
||||||
|
|
||||||
.root.home:not([data-darkmode])
|
|
||||||
root(false)
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue