Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Add serif'd font to the text inputs

Browse source
This commit is contained in:
Oliver-Akins 2021-01-05 15:15:46 -07:00
parent bf62907c7b
commit 0968181e06
2 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/GameBoard.vue
View file

@ -217,9 +217,9 @@ h2 {
} }
input[type="text"] { input[type="text"] {
font-family: var(--fonts);
background-color: var(--board-background-alt); background-color: var(--board-background-alt);
color: var(--board-background-alt-text); color: var(--board-background-alt-text);
font-family: var(--input-fonts);
text-transform: uppercase; text-transform: uppercase;
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;

3
web/src/css/theme.css
View file

@ -1,9 +1,12 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
:root { :root {
/* /*
The fonts and font colours the site will use The fonts and font colours the site will use
*/ */
--fonts: "Roboto", "Open Sans", sans-serif; --fonts: "Roboto", "Open Sans", sans-serif;
--input-fonts: "Roboto Slab", var(--fonts);
--light-font-colour: #ECE3BB; --light-font-colour: #ECE3BB;
--dark-font-colour: #000F3D; --dark-font-colour: #000F3D;