eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Draw a platter around the home page layout

Browse source
This commit is contained in:
Eryn Wells 2022-09-11 10:39:06 -07:00
parent e1d6c78cdf
commit 2ebd743ce5
3 changed files with 96 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

22
static/styles/root.css
View file

@ -8,6 +8,13 @@
--background-color: #fff;
--foreground-color: #000;
--separator-color: #dfdfdf;
--header-border-color: var(--separator-color);
--footer-border-color: var(--separator-color);
--box-shadow-color: rgba(230, 230, 230, 0.5);
--header-box-shadow-color: var(--box-shadow-color);
--font-family-body: Verdana, Helvetica, sans-serif;
--font-family-heading: Museo_Slab, Tahoma, sans-serif;
--font-family-site-heading: /*Krungthep,*/ Museo_Slab, Tahoma, sans-serif;
@ -99,16 +106,12 @@ header.site .grid {
display: grid;
gap: 0.5em;
grid-template-columns: max-content auto max-content;
width: var(--content-width);
max-width: var(--content-width);
}
header.site .platter {
background: var(--background-color);
border: 1px solid #dfdfdf;
border-radius: 12px;
box-shadow: 4px 5px 5px rgba(230, 230, 230, 0.5);
margin: 0 auto;
padding-inline: 3rem;
padding: 1.5rem 3rem;
}
header.site .grid nav:first-of-type {
@ -189,3 +192,10 @@ footer.site p + p {
white-space: nowrap;
}
}
.platter {
background: var(--background-color);
border: 1px solid var(--header-border-color);
border-radius: 12px;
box-shadow: 4px 5px 5px var(--header-box-shadow-color);
}