1
0
mirror of https://github.com/kremalicious/portfolio.git synced 2025-02-14 21:10:41 +01:00

slightly larger images, style fixes

This commit is contained in:
Matthias Kretschmann 2020-03-07 21:54:40 +01:00
parent 423a7f296c
commit d06de33bca
Signed by: m
GPG Key ID: 606EEEF3C479A91F
4 changed files with 5 additions and 4 deletions

View File

@ -24,7 +24,7 @@ export default class ProjectImage extends PureComponent {
export const projectImage = graphql`
fragment ProjectImageFluid on ImageSharp {
fluid(maxWidth: 1200, quality: 85) {
fluid(maxWidth: 1440, quality: 85) {
...GatsbyImageSharpFluid_withWebp_noBase64
}
}

View File

@ -13,9 +13,10 @@
.available {
background: var(--body-background-color);
color: var(--brand-main);
color: var(--text-color);
position: fixed;
bottom: var(--spacer);
left: 50%;
transform: translateX(-50%);
box-shadow: var(--box-shadow);
}

View File

@ -32,7 +32,6 @@
@media (min-width: 40em) {
.meta {
grid-template-columns: 2fr 3fr;
gap: calc(var(--spacer) * 2);
}
}

View File

@ -34,6 +34,7 @@
--font-family-base: 'ff-tisa-sans-web-pro', 'Trebuchet MS', 'Helvetica Neue',
'Helvetica', 'Arial', 'sans-serif';
--font-weight-base: 400;
--font-weight-bold: 700;
--font-family-monospace: 'Menlo', 'Monaco', 'Consolas', 'Courier New',
'monospace';
--font-family-headings: 'brandon-grotesque', 'Avenir Next', 'Helvetica Neue',
@ -46,7 +47,7 @@
--border-radius: 0.25rem;
/* Miscellanious */
--projectImageMaxWidth: 1200px;
--projectImageMaxWidth: 1440px;
--easing: cubic-bezier(0.75, 0, 0.08, 1);
--box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05), 0 5px 16px rgba(0, 0, 0, 0.05);
}