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

nouvelle charte graphique

Browse source
This commit is contained in:
Maxime Moraine 2021-02-09 17:49:44 +01:00
parent e7546ce4c6
commit 63fb1d4ca5
11 changed files with 90 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/.vuepress/config.js
View file

@ -1,6 +1,6 @@
module.exports = {
title: '5E DRS',
description: 'Document de Référence Système pour jeux de rôle en OGL 5E',
title: '5e DRS',
description: 'Document de Référence Système pour jeux de rôle en OGL 5e',
head: [
['link', { rel: 'icon', href: '/favicon-32x32.png' }],
['link', { rel: 'manifest', crossorigin:"use-credentials", href: '/manifest.json' }],

6
docs/.vuepress/public/manifest.json
View file

@ -1,13 +1,13 @@
{
"dir" : "ltr",
"lang" : "fr",
"name" : "5E DRS",
"name" : "5e DRS",
"scope" : "/",
"display" : "standalone",
"start_url" : "/index.html",
"short_name" : "5E DRS",
"short_name" : "5e DRS",
"theme_color" : "#435a3f",
"description" : "Document de référence système pour jeux de rôle en OGL 5E",
"description" : "Document de référence système pour jeux de rôle en OGL 5e",
"orientation" : "any",
"background_color" : "#ffffff",
"icons" : [

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

@ -116,7 +116,7 @@
</v-list-item-icon>
<v-list-item-content>
<v-list-item-title>
Discord 5E DRS
Discord 5e DRS
</v-list-item-title>
</v-list-item-content>
</v-list-item>

1
docs/.vuepress/theme/components/PageToc.vue
View file

@ -44,6 +44,7 @@ export default {
@import '../styles/colors';
.page-toc {
font-size: .9rem;
ul {
list-style: none;
padding-right: 24px;

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

@ -36,14 +36,14 @@ export default ({
},
themes: {
light: {
primary: '#4c6477', // Dragons
navbar: '#435a3f', // Héros
primary: '#4c6477', // Dragons (Bleu)
navbar: '#435a3f', // Héros (Vert)
accent: '#435a3f', // Héros
},
dark: {
primary: '#4c6477', // Dragons
navbar: '#435a3f', // Héros
accent: '#e02867', // Dragons
primary: '#6c8599', // Dragons (Bleu)
navbar: '#435a3f', // Héros (Vert)
accent: '#6c8599', // Dragons
}
}
},

8
docs/.vuepress/theme/styles/_breakpoints.scss
View file

@ -1,4 +1,4 @@
$breakpointXS: 600;
$breakpointSM: 960;
$breakpointMD: 1264;
$breakpointLG: 1904;
$breakpointXS: 600px;
$breakpointSM: 960px;
$breakpointMD: 1264px;
$breakpointLG: 1904px;

45
docs/.vuepress/theme/styles/_layout.scss
View file

@ -1,9 +1,10 @@
// .v-main {
// background-color: $color-background;
// }
// .theme--light.v-navigation-drawer {
// background-color: darken($color-background, 0);
// }
main.content {
padding: 0 3rem;
@media screen and (max-width: $breakpointMD) {
padding: 0;
}
}
.column-count-2 {
column-count: 2;
@ -17,3 +18,35 @@
column-count: 4;
margin-bottom: 12px;
}
* {
::-webkit-scrollbar {
height: 12px;
width: 7px;
background: darken($color-background, 50);
}
scrollbar-color: $color-gold darken($color-background, 50);
scrollbar-width: thin;
::-webkit-scrollbar-thumb {
background: $color-gold;
border: 1px solid $color-gold-light;
&:hover {
background: $color-gold-light;
}
}
::-webkit-scrollbar-corner {
background: #000;
}
}
.theme--light {
.v-main {
background-color: lighten($color-background, 5);
}
.v-navigation-drawer {
background-color: darken($color-background, 0);
}
}

12
docs/.vuepress/theme/styles/_tables.scss
View file

@ -35,13 +35,17 @@ table {
}
thead {
font-family: 'Spectral SC', serif;
font-family: 'Oswald', sans-serif;
}
tr {
}
th {
font-weight: 400;
}
th, td {
padding: 6px 12px;
border-bottom: none !important;
@ -65,7 +69,7 @@ table {
tbody {
tr {
&:nth-of-type(even) {
background-color: $color-light-gray;
background-color: darken($color-background, 5);
}
&:nth-of-type(odd):hover {
background-color: inherit !important;
@ -124,12 +128,12 @@ table {
.theme--dark {
thead {
background-color: darken($color-gray, 10);
background-color: darken($color-gray, 30);
}
tbody {
tr {
&:nth-of-type(even) {
background-color: darken($color-gray, 10);
background-color: darken($color-gray, 30);
}
&:nth-of-type(odd):hover {
background-color: inherit !important;

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

@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css2?family=Spectral+SC:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@font-face {
font-family: "ornaments";
@ -51,26 +51,26 @@ $icon-bookmark: "\e900";
}
}
@keyframes gold-pulse {
@keyframes gold-flash {
0% {
color: $color-gold-light;
}
50% {
color: $color-gold-dark;
10% {
color: $color-gold;
}
100% {
color: $color-gold-light;
color: $color-gold;
}
}
@keyframes gold-pulse-background {
@keyframes gold-pulse {
0% {
background-color: $color-gold;
color: darken($color-gold, 10);
}
50% {
background-color: darken($color-gold, 20);
color: lighten($color-gold, 10);
}
100% {
background-color: $color-gold;
color: darken($color-gold, 10);
}
}
@ -83,6 +83,7 @@ $icon-bookmark: "\e900";
animation-duration: 6s;
animation-iteration-count: infinite;
}
.breadcrumb-logo {
color: $color-gold;
}
@ -100,9 +101,10 @@ $icon-bookmark: "\e900";
}
.glowing-gold {
color: $color-gold;
animation-name: gold-pulse;
animation-name: gold-flash;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.glowing-gold-background {
background-color: $color-gold;
@ -124,8 +126,14 @@ $icon-bookmark: "\e900";
}
.v-application {
h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title {
font-family: 'Spectral SC', serif !important;
h1, h2, h3, h4, h5, h6, .title, .subtitle, .subtitle-2, .site-title, .v-btn, .v-breadcrumbs {
font-family: 'Oswald', sans-serif !important;
}
.site-title {
font-size: 1rem;
}
.v-btn, .v-breadcrumbs {
font-weight: 400;
}
}