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

identification visuelle des sources

Browse source
This commit is contained in:
Maxime Moraine 2021-06-13 21:40:59 +02:00
parent 0b102f7a56
commit cffa159a73
32 changed files with 714 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -32,7 +32,10 @@
<v-list-group v-if="child.children" :key="child.title" sub-group :value="isExpanded(child)" color="accent">
<template v-slot:activator>
<v-list-item-icon v-if="child.icon">
<v-icon v-text="child.icon"></v-icon>
<span class="v-icon" v-if="child.customIcon" v-html="child.icon"></span>
<template v-else>
<v-icon v-text="child.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -44,7 +47,10 @@
<template v-for="subchild in child.children">
<v-list-item v-if="subchild.external" link :href="subchild.path" target="_blank" >
<v-list-item-icon class="mr-2" v-if="subchild.icon">
<v-icon v-text="subchild.icon"></v-icon>
<span class="v-icon" v-if="subchild.customIcon" v-html="subchild.icon"></span>
<template v-else>
<v-icon v-text="subchild.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -55,7 +61,10 @@
</v-list-item>
<v-list-item v-else link :to="{path: subchild.path}" >
<v-list-item-icon class="mr-2" v-if="subchild.icon">
<v-icon v-text="subchild.icon"></v-icon>
<span class="v-icon" v-if="subchild.customIcon" v-html="subchild.icon"></span>
<template v-else>
<v-icon v-text="subchild.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -69,7 +78,10 @@
<v-divider v-else-if="child.type == 'divider'" />
<v-list-item v-else-if="child.external" :key="child.title" link :href="child.path" target="_blank" >
<v-list-item-icon v-if="child.icon">
<v-icon v-text="child.icon"></v-icon>
<span class="v-icon" v-if="child.customIcon" v-html="child.icon"></span>
<template v-else>
<v-icon v-text="child.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -80,7 +92,10 @@
</v-list-item>
<v-list-item v-else :key="child.title" link :to="{path: child.path}" >
<v-list-item-icon v-if="child.icon">
<v-icon v-text="child.icon"></v-icon>
<span class="v-icon" v-if="child.customIcon" v-html="child.icon"></span>
<template v-else>
<v-icon v-text="child.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
@ -94,7 +109,10 @@
<v-divider v-else-if="item.type == 'divider'" />
<v-list-item v-else :key="item.title" link :to="{path: item.path}" color="accent" >
<v-list-item-icon v-if="item.icon">
<v-icon v-text="item.icon"></v-icon>
<span class="v-icon" v-if="item.customIcon" v-html="item.icon"></span>
<template v-else>
<v-icon v-text="item.icon"></v-icon>
</template>
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>

42
docs/.vuepress/theme/styles/_typography.scss
View file

@ -17,6 +17,12 @@ $srd-font-family: "srd" !default;
$srd-font-path: "/fonts" !default;
$icon-bookmark: "\e900";
$icon-zeppelin: "\e901";
$icon-hexagon: "\e902";
$icon-gondolfiere: "\e903";
$icon-laelith: "\e904";
$icon-dragon: "\e905";
$icon-kobold: "\e906";
@font-face {
font-family: '#{$srd-font-family}';
@ -50,6 +56,36 @@ $icon-bookmark: "\e900";
content: $icon-bookmark;
}
}
.icon-zeppelin {
&:before {
content: $icon-zeppelin;
}
}
.icon-hexagon {
&:before {
content: $icon-hexagon;
}
}
.icon-gondolfiere {
&:before {
content: $icon-gondolfiere;
}
}
.icon-laelith {
&:before {
content: $icon-laelith;
}
}
.icon-dragon {
&:before {
content: $icon-dragon;
}
}
.icon-kobold {
&:before {
content: $icon-kobold;
}
}
@keyframes gold-flash {
0% {
@ -180,14 +216,14 @@ ul, ol {
.theme--light {
.v-icon {
.orn {
.orn, .icon-zeppelin, .icon-hexagon, .icon-gondolfiere, .icon-laelith, .icon-dragon, .icon-kobold {
color:rgba(0, 0, 0, 0.54);
}
}
.v-list-item--active {
.v-icon {
.orn {
.orn, .icon-zeppelin {
color: $color-hero;
}
}
@ -195,7 +231,7 @@ ul, ol {
}
.v-btn {
.orn {
.orn, .icon-zeppelin, .icon-hexagon, .icon-gondolfiere, .icon-laelith, .icon-dragon, .icon-kobold {
font-size: 1.5rem;
margin-right: 0.5rem;
}