Sharkey/src/client/app/common/views/widgets/nav.vue

39 lines
589 B
Vue
Raw Normal View History

2018-02-15 05:36:42 +02:00
<template>
<div class="mkw-nav">
2018-02-23 19:46:09 +02:00
<mk-widget-container>
2018-04-20 01:45:37 +03:00
<div class="mkw-nav--body">
2018-02-23 19:46:09 +02:00
<mk-nav/>
</div>
</mk-widget-container>
2018-02-15 05:36:42 +02:00
</div>
</template>
<script lang="ts">
2018-02-24 17:18:09 +02:00
import define from '../../../common/define-widget';
2018-02-15 05:36:42 +02:00
export default define({
name: 'nav'
});
</script>
2018-04-20 01:45:37 +03:00
<style lang="stylus" scoped>
root(isDark)
.mkw-nav--body
padding 16px
font-size 12px
color isDark ? #9aa4b3 : #aaa
2018-09-26 14:28:13 +03:00
background var(--face)
2018-02-15 05:36:42 +02:00
2018-04-20 01:45:37 +03:00
a
color isDark ? #9aa4b3 : #999
2018-02-15 05:36:42 +02:00
2018-04-20 01:45:37 +03:00
i
color isDark ? #9aa4b3 : #ccc
.mkw-nav[data-darkmode]
root(true)
.mkw-nav:not([data-darkmode])
root(false)
2018-02-15 05:36:42 +02:00
</style>