5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 21:24:18 +00:00
Code Issues Projects Releases Wiki Activity

style

Browse source
This commit is contained in:
Maxime Moraine 2020-03-30 14:26:19 +02:00
parent c9f4aae633
commit d872002ee9
14 changed files with 108 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/.vuepress/theme/components/NavDrawer.vue
View file

@ -14,7 +14,7 @@
</v-treeview> -->
<v-list dense nav>
<template v-for="item in items">
<v-list-group v-if="item.children" :key="item.title" v-model="item.expanded">
<v-list-group v-if="item.children" :key="item.title" v-model="item.expanded" :color="$site.themeConfig.accentColor">
<template v-slot:activator>
<v-list-item-content>
<v-list-item-title>
@ -24,7 +24,7 @@
</template>
<template v-for="child in item.children">
<v-list-group v-if="child.children" :key="child.title" sub-group v-model="child.expanded">
<v-list-group v-if="child.children" :key="child.title" sub-group v-model="child.expanded" :color="$site.themeConfig.accentColor">
<template v-slot:activator>
<v-list-item-content>
<v-list-item-title>
@ -49,7 +49,7 @@
</v-list-item>
</template>
</v-list-group>
<v-list-item v-else :key="item.title" link :to="{path: item.path}">
<v-list-item v-else :key="item.title" link :to="{path: item.path}" :color="$site.themeConfig.accentColor">
<v-list-item-content>
<v-list-item-title>
{{ item.title }}
@ -115,7 +115,7 @@ export default {
}
}
}
.v-list--nav {
.v-list-item {
padding-left: 24px;

2
docs/.vuepress/theme/components/Navbar.vue
View file

@ -1,5 +1,5 @@
<template>
<v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" app color="blue darken-3" dark>
<v-app-bar :clipped-left="$vuetify.breakpoint.lgAndUp" app :color="$site.themeConfig.primaryColor" dark>
<v-app-bar-nav-icon @click.stop="setDrawer" />
<v-toolbar-title class="ml-0 mr-4 pl-4">
<v-btn class="hidden-sm-and-down site-title" text link :to="{ path: '/' }">{{ $site.title }}</v-btn>

2
docs/.vuepress/theme/components/Page.vue
View file

@ -1,7 +1,7 @@
<template>
<main class="page content">
<Content />
<Content class="content" />
</main>
</template>

8
docs/.vuepress/theme/components/Spell.vue
View file

@ -13,11 +13,5 @@ export default {
}
</script>
<style lang="stylus">
@require '../styles/wrapper.styl'
.page
padding-bottom 2rem
display block
<style lang="scss">
</style>

9
docs/.vuepress/theme/enhanceApp.js
View file

@ -12,14 +12,17 @@ export default ({
router,
siteData
}) => {
require('./styles/main.scss')
Vue.use(Vuex)
Vue.mixin({ store: store })
Vue.use(Vuetify)
options.vuetify = new Vuetify({
theme: {
// primary: colors.red.darken1, // #E53935
// secondary: colors.red.lighten4, // #FFCDD2
// accent: colors.indigo.base // #3F51B5
light: {
primary: '#563f5a', // Héros
// secondary: colors.red.lighten4, // #FFCDD2
accent: '#9b1c47' // Dragons
}
}
})
}

2
docs/.vuepress/theme/layouts/GlobalLayout.vue
View file

@ -1,5 +1,5 @@
<template>
<v-app>
<v-app class="srd">
<NavDrawer />

22
docs/.vuepress/theme/styles/_anchors.scss Normal file
View file

@ -0,0 +1,22 @@
h1 {
a.header-anchor {
display: none;
}
}
h2, h3, h4, h5, h6 {
a.header-anchor {
display: none;
}
&:hover {
a.header-anchor {
display: inline-block;
color: $color-gray;
&:hover {
color: $color-dragon;
}
}
}
}

3
docs/.vuepress/theme/styles/_colors.scss Normal file
View file

@ -0,0 +1,3 @@
$color-hero: #563f5a;
$color-dragon: #9b1c47;
$color-gray: #555;

10
docs/.vuepress/theme/styles/main.scss Normal file
View file

@ -0,0 +1,10 @@
@import "colors";
@import "anchors";
.srd {
.content {
a {
color: #9b1c47;
}
}
}

9
docs/.vuepress/theme/styles/wrapper.styl
View file

@ -1,9 +0,0 @@
$wrapper
max-width $contentWidth
margin 0 auto
padding 2rem 2.5rem
@media (max-width: $MQNarrow)
padding 2rem
@media (max-width: $MQMobileNarrow)
padding 1.5rem