Adding some basic styling
This commit is contained in:
parent
6fd1035cf6
commit
6f391264be
1
gatsby-browser.js
Normal file
1
gatsby-browser.js
Normal file
@ -0,0 +1 @@
|
|||||||
|
require('./src/site.css');
|
12
src/globals.css
Normal file
12
src/globals.css
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
:root {
|
||||||
|
--color-green: #bada55;
|
||||||
|
--color-brown: #6b6659;
|
||||||
|
--color-tan: #cbcbba;
|
||||||
|
--color-black: #000;
|
||||||
|
--color-white: #fff;
|
||||||
|
--color-red: #b3151a;
|
||||||
|
--color-orange: #fa0;
|
||||||
|
--color-blue: #025d8c;
|
||||||
|
|
||||||
|
--content-margin: 2rem;
|
||||||
|
}
|
18
src/site.css
Normal file
18
src/site.css
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
@import url('./globals.css');
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 62.5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0 var(--content-margin);
|
||||||
|
padding: 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
background: var(--color-brown);
|
||||||
|
color: var(--color-tan);
|
||||||
|
font-size: 1.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user