Sharkey/src/client/app/common/views/widgets/nav.vue
2018-04-20 07:45:37 +09:00

38 lines
601 B
Vue

<template>
<div class="mkw-nav">
<mk-widget-container>
<div class="mkw-nav--body">
<mk-nav/>
</div>
</mk-widget-container>
</div>
</template>
<script lang="ts">
import define from '../../../common/define-widget';
export default define({
name: 'nav'
});
</script>
<style lang="stylus" scoped>
root(isDark)
.mkw-nav--body
padding 16px
font-size 12px
color isDark ? #9aa4b3 : #aaa
background isDark ? #282c37 : #fff
a
color isDark ? #9aa4b3 : #999
i
color isDark ? #9aa4b3 : #ccc
.mkw-nav[data-darkmode]
root(true)
.mkw-nav:not([data-darkmode])
root(false)
</style>