5E/5e-drs
1
0
Fork 0
mirror of https://github.com/em-squared/5e-drs.git synced 2025-10-30 13:14:20 +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

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;
}
}