remove redundant libraries and stylesheets
This commit is contained in:
parent
1fa18b6fa2
commit
203b3b755e
@ -1,10 +0,0 @@
|
|||||||
// custom typefaces
|
|
||||||
import "@fontsource/montserrat/variable.css"
|
|
||||||
import "@fontsource/merriweather"
|
|
||||||
// normalize CSS across browsers
|
|
||||||
import "./src/normalize.css"
|
|
||||||
// custom CSS styles
|
|
||||||
import "./src/style.css"
|
|
||||||
|
|
||||||
// Highlighting for code blocks
|
|
||||||
import "prismjs/themes/prism.css"
|
|
@ -48,7 +48,6 @@ module.exports = {
|
|||||||
wrapperStyle: `margin-bottom: 1.0725rem`,
|
wrapperStyle: `margin-bottom: 1.0725rem`,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
`gatsby-remark-prismjs`,
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -10,8 +10,6 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@emotion/react": "^11.10.5",
|
"@emotion/react": "^11.10.5",
|
||||||
"@emotion/styled": "^11.10.5",
|
"@emotion/styled": "^11.10.5",
|
||||||
"@fontsource/merriweather": "^4.5.14",
|
|
||||||
"@fontsource/montserrat": "^4.5.13",
|
|
||||||
"@mui/material": "^5.11.3",
|
"@mui/material": "^5.11.3",
|
||||||
"gatsby": "^5.3.3",
|
"gatsby": "^5.3.3",
|
||||||
"gatsby-plugin-feed": "^5.3.1",
|
"gatsby-plugin-feed": "^5.3.1",
|
||||||
@ -19,12 +17,10 @@
|
|||||||
"gatsby-plugin-manifest": "^5.3.1",
|
"gatsby-plugin-manifest": "^5.3.1",
|
||||||
"gatsby-plugin-sharp": "^5.3.2",
|
"gatsby-plugin-sharp": "^5.3.2",
|
||||||
"gatsby-remark-images": "^7.3.1",
|
"gatsby-remark-images": "^7.3.1",
|
||||||
"gatsby-remark-prismjs": "^7.3.0",
|
|
||||||
"gatsby-remark-responsive-iframe": "^6.3.0",
|
"gatsby-remark-responsive-iframe": "^6.3.0",
|
||||||
"gatsby-source-filesystem": "^5.3.1",
|
"gatsby-source-filesystem": "^5.3.1",
|
||||||
"gatsby-transformer-remark": "^6.3.2",
|
"gatsby-transformer-remark": "^6.3.2",
|
||||||
"gatsby-transformer-sharp": "^5.3.1",
|
"gatsby-transformer-sharp": "^5.3.1",
|
||||||
"prismjs": "^1.29.0",
|
|
||||||
"react": "^18.1.0",
|
"react": "^18.1.0",
|
||||||
"react-dom": "^18.1.0"
|
"react-dom": "^18.1.0"
|
||||||
},
|
},
|
||||||
|
343
src/normalize.css
vendored
343
src/normalize.css
vendored
@ -1,343 +0,0 @@
|
|||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
|
||||||
|
|
||||||
/* Document
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the line height in all browsers.
|
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
html {
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sections
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the margin in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Render the `main` element consistently in IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
main {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 2em;
|
|
||||||
margin: 0.67em 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grouping content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in Firefox.
|
|
||||||
* 2. Show the overflow in Edge and IE.
|
|
||||||
*/
|
|
||||||
|
|
||||||
hr {
|
|
||||||
box-sizing: content-box; /* 1 */
|
|
||||||
height: 0; /* 1 */
|
|
||||||
overflow: visible; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
pre {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Text-level semantics
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the gray background on active links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
a {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
abbr[title] {
|
|
||||||
border-bottom: none; /* 1 */
|
|
||||||
text-decoration: underline; /* 2 */
|
|
||||||
text-decoration: underline dotted; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
font-weight: bolder;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp {
|
|
||||||
font-family: monospace, monospace; /* 1 */
|
|
||||||
font-size: 1em; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct font size in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 80%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
|
||||||
* all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: 75%;
|
|
||||||
line-height: 0;
|
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
sub {
|
|
||||||
bottom: -0.25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
sup {
|
|
||||||
top: -0.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Embedded content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the border on images inside links in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
img {
|
|
||||||
border-style: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Change the font styles in all browsers.
|
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
font-family: inherit; /* 1 */
|
|
||||||
font-size: 100%; /* 1 */
|
|
||||||
line-height: 1.15; /* 1 */
|
|
||||||
margin: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Show the overflow in IE.
|
|
||||||
* 1. Show the overflow in Edge.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
input {
|
|
||||||
/* 1 */
|
|
||||||
overflow: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
select {
|
|
||||||
/* 1 */
|
|
||||||
text-transform: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
|
||||||
[type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"] {
|
|
||||||
-webkit-appearance: button;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner border and padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner {
|
|
||||||
border-style: none;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Restore the focus styles unset by the previous rule.
|
|
||||||
*/
|
|
||||||
|
|
||||||
button:-moz-focusring,
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring {
|
|
||||||
outline: 1px dotted ButtonText;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the padding in Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset {
|
|
||||||
padding: 0.35em 0.75em 0.625em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
|
||||||
* `fieldset` elements in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
legend {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
color: inherit; /* 2 */
|
|
||||||
display: table; /* 1 */
|
|
||||||
max-width: 100%; /* 1 */
|
|
||||||
padding: 0; /* 3 */
|
|
||||||
white-space: normal; /* 1 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
|
||||||
*/
|
|
||||||
|
|
||||||
progress {
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
|
||||||
*/
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Add the correct box sizing in IE 10.
|
|
||||||
* 2. Remove the padding in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"] {
|
|
||||||
box-sizing: border-box; /* 1 */
|
|
||||||
padding: 0; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
|
||||||
* 2. Correct the outline style in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"] {
|
|
||||||
-webkit-appearance: textfield; /* 1 */
|
|
||||||
outline-offset: -2px; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
|
||||||
*/
|
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
|
||||||
-webkit-appearance: button; /* 1 */
|
|
||||||
font: inherit; /* 2 */
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Interactive
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
|
||||||
*/
|
|
||||||
|
|
||||||
details {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
* Add the correct display in all browsers.
|
|
||||||
*/
|
|
||||||
|
|
||||||
summary {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Misc
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Add the correct display in IE 10.
|
|
||||||
*/
|
|
||||||
|
|
||||||
[hidden] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
331
src/style.css
331
src/style.css
@ -1,331 +0,0 @@
|
|||||||
/* CSS Custom Properties Definitions */
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--maxWidth-none: "none";
|
|
||||||
--maxWidth-xs: 20rem;
|
|
||||||
--maxWidth-sm: 24rem;
|
|
||||||
--maxWidth-md: 28rem;
|
|
||||||
--maxWidth-lg: 32rem;
|
|
||||||
--maxWidth-xl: 36rem;
|
|
||||||
--maxWidth-2xl: 42rem;
|
|
||||||
--maxWidth-3xl: 48rem;
|
|
||||||
--maxWidth-4xl: 56rem;
|
|
||||||
--maxWidth-full: "100%";
|
|
||||||
--maxWidth-wrapper: var(--maxWidth-2xl);
|
|
||||||
--spacing-px: "1px";
|
|
||||||
--spacing-0: 0;
|
|
||||||
--spacing-1: 0.25rem;
|
|
||||||
--spacing-2: 0.5rem;
|
|
||||||
--spacing-3: 0.75rem;
|
|
||||||
--spacing-4: 1rem;
|
|
||||||
--spacing-5: 1.25rem;
|
|
||||||
--spacing-6: 1.5rem;
|
|
||||||
--spacing-8: 2rem;
|
|
||||||
--spacing-10: 2.5rem;
|
|
||||||
--spacing-12: 3rem;
|
|
||||||
--spacing-16: 4rem;
|
|
||||||
--spacing-20: 5rem;
|
|
||||||
--spacing-24: 6rem;
|
|
||||||
--spacing-32: 8rem;
|
|
||||||
--fontFamily-sans: "MontserratVariable", system-ui, -apple-system,
|
|
||||||
BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
|
|
||||||
sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
|
|
||||||
"Noto Color Emoji";
|
|
||||||
--fontFamily-serif: "Merriweather", "Georgia", Cambria, "Times New Roman",
|
|
||||||
Times, serif;
|
|
||||||
--font-body: var(--fontFamily-serif);
|
|
||||||
--font-heading: var(--fontFamily-sans);
|
|
||||||
--fontWeight-normal: 400;
|
|
||||||
--fontWeight-bold: 700;
|
|
||||||
--fontWeight-black: 900;
|
|
||||||
--fontSize-root: 16px;
|
|
||||||
--lineHeight-none: 1;
|
|
||||||
--lineHeight-tight: 1.1;
|
|
||||||
--lineHeight-normal: 1.5;
|
|
||||||
--lineHeight-relaxed: 1.625;
|
|
||||||
/* 1.200 Minor Third Type Scale */
|
|
||||||
--fontSize-0: 0.833rem;
|
|
||||||
--fontSize-1: 1rem;
|
|
||||||
--fontSize-2: 1.2rem;
|
|
||||||
--fontSize-3: 1.44rem;
|
|
||||||
--fontSize-4: 1.728rem;
|
|
||||||
--fontSize-5: 2.074rem;
|
|
||||||
--fontSize-6: 2.488rem;
|
|
||||||
--fontSize-7: 2.986rem;
|
|
||||||
--color-primary: #005b99;
|
|
||||||
--color-text: #2e353f;
|
|
||||||
--color-text-light: #4f5969;
|
|
||||||
--color-heading: #1a202c;
|
|
||||||
--color-heading-black: black;
|
|
||||||
--color-accent: #d1dce5;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* HTML elements */
|
|
||||||
|
|
||||||
*,
|
|
||||||
:after,
|
|
||||||
:before {
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
line-height: var(--lineHeight-normal);
|
|
||||||
font-size: var(--fontSize-root);
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-moz-osx-font-smoothing: grayscale;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: var(--font-body);
|
|
||||||
font-size: var(--fontSize-1);
|
|
||||||
color: var(--color-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
padding: var(--spacing-6) var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
background: var(--color-accent);
|
|
||||||
height: 1px;
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Heading */
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
font-family: var(--font-heading);
|
|
||||||
margin-top: var(--spacing-12);
|
|
||||||
margin-bottom: var(--spacing-6);
|
|
||||||
line-height: var(--lineHeight-tight);
|
|
||||||
letter-spacing: -0.025em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
font-weight: var(--fontWeight-bold);
|
|
||||||
color: var(--color-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-weight: var(--fontWeight-black);
|
|
||||||
font-size: var(--fontSize-6);
|
|
||||||
color: var(--color-heading-black);
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: var(--fontSize-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: var(--fontSize-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: var(--fontSize-3);
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: var(--fontSize-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: var(--fontSize-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 > a {
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 > a,
|
|
||||||
h3 > a,
|
|
||||||
h4 > a,
|
|
||||||
h5 > a,
|
|
||||||
h6 > a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Prose */
|
|
||||||
|
|
||||||
p {
|
|
||||||
line-height: var(--lineHeight-relaxed);
|
|
||||||
--baseline-multiplier: 0.179;
|
|
||||||
--x-height-multiplier: 0.35;
|
|
||||||
margin: var(--spacing-0) var(--spacing-0) var(--spacing-8) var(--spacing-0);
|
|
||||||
padding: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
margin-left: var(--spacing-0);
|
|
||||||
margin-right: var(--spacing-0);
|
|
||||||
padding: var(--spacing-0);
|
|
||||||
margin-bottom: var(--spacing-8);
|
|
||||||
list-style-position: outside;
|
|
||||||
list-style-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li,
|
|
||||||
ol li {
|
|
||||||
padding-left: var(--spacing-0);
|
|
||||||
margin-bottom: calc(var(--spacing-8) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
li > p {
|
|
||||||
margin-bottom: calc(var(--spacing-8) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
li *:last-child {
|
|
||||||
margin-bottom: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
li > ul {
|
|
||||||
margin-left: var(--spacing-8);
|
|
||||||
margin-top: calc(var(--spacing-8) / 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
color: var(--color-text-light);
|
|
||||||
margin-left: calc(-1 * var(--spacing-6));
|
|
||||||
margin-right: var(--spacing-8);
|
|
||||||
padding: var(--spacing-0) var(--spacing-0) var(--spacing-0) var(--spacing-6);
|
|
||||||
border-left: var(--spacing-1) solid var(--color-primary);
|
|
||||||
font-size: var(--fontSize-2);
|
|
||||||
font-style: italic;
|
|
||||||
margin-bottom: var(--spacing-8);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > :last-child {
|
|
||||||
margin-bottom: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote > ul,
|
|
||||||
blockquote > ol {
|
|
||||||
list-style-position: inside;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: var(--spacing-8);
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
table thead tr th {
|
|
||||||
border-bottom: 1px solid var(--color-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Link */
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: var(--color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
a:focus {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Custom classes */
|
|
||||||
|
|
||||||
.global-wrapper {
|
|
||||||
margin: var(--spacing-0) auto;
|
|
||||||
max-width: var(--maxWidth-wrapper);
|
|
||||||
padding: var(--spacing-10) var(--spacing-5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-wrapper[data-is-root-path="true"] .bio {
|
|
||||||
margin-bottom: var(--spacing-20);
|
|
||||||
}
|
|
||||||
|
|
||||||
.global-header {
|
|
||||||
margin-bottom: var(--spacing-12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-heading {
|
|
||||||
font-size: var(--fontSize-7);
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list-item {
|
|
||||||
margin-bottom: var(--spacing-8);
|
|
||||||
margin-top: var(--spacing-8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list-item p {
|
|
||||||
margin-bottom: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list-item h2 {
|
|
||||||
font-size: var(--fontSize-4);
|
|
||||||
color: var(--color-primary);
|
|
||||||
margin-bottom: var(--spacing-2);
|
|
||||||
margin-top: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.post-list-item header {
|
|
||||||
margin-bottom: var(--spacing-4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-link-home {
|
|
||||||
font-weight: var(--fontWeight-bold);
|
|
||||||
font-family: var(--font-heading);
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: var(--fontSize-2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bio {
|
|
||||||
display: flex;
|
|
||||||
margin-bottom: var(--spacing-16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bio p {
|
|
||||||
margin-bottom: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bio-avatar {
|
|
||||||
margin-right: var(--spacing-4);
|
|
||||||
margin-bottom: var(--spacing-0);
|
|
||||||
min-width: 50px;
|
|
||||||
border-radius: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog-post header h1 {
|
|
||||||
margin: var(--spacing-0) var(--spacing-0) var(--spacing-4) var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog-post header p {
|
|
||||||
font-size: var(--fontSize-2);
|
|
||||||
font-family: var(--font-heading);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog-post-nav ul {
|
|
||||||
margin: var(--spacing-0);
|
|
||||||
}
|
|
||||||
|
|
||||||
.gatsby-highlight {
|
|
||||||
margin-bottom: var(--spacing-8);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Media queries */
|
|
||||||
|
|
||||||
@media (max-width: 42rem) {
|
|
||||||
blockquote {
|
|
||||||
padding: var(--spacing-0) var(--spacing-0) var(--spacing-0) var(--spacing-4);
|
|
||||||
margin-left: var(--spacing-0);
|
|
||||||
}
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
list-style-position: inside;
|
|
||||||
}
|
|
||||||
}
|
|
29
yarn.lock
29
yarn.lock
@ -1183,16 +1183,6 @@
|
|||||||
minimatch "^3.0.4"
|
minimatch "^3.0.4"
|
||||||
strip-json-comments "^3.1.1"
|
strip-json-comments "^3.1.1"
|
||||||
|
|
||||||
"@fontsource/merriweather@^4.5.14":
|
|
||||||
version "4.5.14"
|
|
||||||
resolved "https://registry.yarnpkg.com/@fontsource/merriweather/-/merriweather-4.5.14.tgz#17b634fe3892e25f345954fe34df252730b96080"
|
|
||||||
integrity sha512-kDMIAokOvE9bYf+CDmEWzV3xtR8cRJlw/BipjhxqD9MIRZfU348cZ8xhHhmPXmxRiEjZLor4xxHXqps7eCvGQg==
|
|
||||||
|
|
||||||
"@fontsource/montserrat@^4.5.13":
|
|
||||||
version "4.5.13"
|
|
||||||
resolved "https://registry.yarnpkg.com/@fontsource/montserrat/-/montserrat-4.5.13.tgz#58f12419c05e131b09ab17e9181aa24fb9c84b3a"
|
|
||||||
integrity sha512-/XlcNsMFjdWX4Away8Ax/4NgND8Ckk9gVDwgz1sfxF6h+gFHChLOV0IvPrUfCQjZ1F35igg+nR9bSxmjsYEskQ==
|
|
||||||
|
|
||||||
"@gatsbyjs/parcel-namer-relative-to-cwd@2.3.1":
|
"@gatsbyjs/parcel-namer-relative-to-cwd@2.3.1":
|
||||||
version "2.3.1"
|
version "2.3.1"
|
||||||
resolved "https://registry.yarnpkg.com/@gatsbyjs/parcel-namer-relative-to-cwd/-/parcel-namer-relative-to-cwd-2.3.1.tgz#44779296e2b2f5e5d1fb6ce40a7661647d65f6fc"
|
resolved "https://registry.yarnpkg.com/@gatsbyjs/parcel-namer-relative-to-cwd/-/parcel-namer-relative-to-cwd-2.3.1.tgz#44779296e2b2f5e5d1fb6ce40a7661647d65f6fc"
|
||||||
@ -5514,15 +5504,6 @@ gatsby-remark-images@^7.3.1:
|
|||||||
unist-util-select "^3.0.4"
|
unist-util-select "^3.0.4"
|
||||||
unist-util-visit-parents "^3.1.1"
|
unist-util-visit-parents "^3.1.1"
|
||||||
|
|
||||||
gatsby-remark-prismjs@^7.3.0:
|
|
||||||
version "7.3.0"
|
|
||||||
resolved "https://registry.yarnpkg.com/gatsby-remark-prismjs/-/gatsby-remark-prismjs-7.3.0.tgz#f015e80e7cc1c701e5561d066a28f51ddf76abe0"
|
|
||||||
integrity sha512-chabJ+5MbtO7nfCUl2THZAr6gobxgBKRl45D1+SaV6S0B3Ndl7Iwiu/VRgZ2AUTayo3r4jCXRpv3UB6y1T/Zhg==
|
|
||||||
dependencies:
|
|
||||||
"@babel/runtime" "^7.15.4"
|
|
||||||
parse-numeric-range "^1.2.0"
|
|
||||||
unist-util-visit "^2.0.3"
|
|
||||||
|
|
||||||
gatsby-remark-responsive-iframe@^6.3.0:
|
gatsby-remark-responsive-iframe@^6.3.0:
|
||||||
version "6.3.0"
|
version "6.3.0"
|
||||||
resolved "https://registry.yarnpkg.com/gatsby-remark-responsive-iframe/-/gatsby-remark-responsive-iframe-6.3.0.tgz#7d61f58715256a5988f2b11cc3a0e8bb2f7b1c6d"
|
resolved "https://registry.yarnpkg.com/gatsby-remark-responsive-iframe/-/gatsby-remark-responsive-iframe-6.3.0.tgz#7d61f58715256a5988f2b11cc3a0e8bb2f7b1c6d"
|
||||||
@ -8070,11 +8051,6 @@ parse-latin@^4.0.0:
|
|||||||
unist-util-modify-children "^2.0.0"
|
unist-util-modify-children "^2.0.0"
|
||||||
unist-util-visit-children "^1.0.0"
|
unist-util-visit-children "^1.0.0"
|
||||||
|
|
||||||
parse-numeric-range@^1.2.0:
|
|
||||||
version "1.3.0"
|
|
||||||
resolved "https://registry.yarnpkg.com/parse-numeric-range/-/parse-numeric-range-1.3.0.tgz#7c63b61190d61e4d53a1197f0c83c47bb670ffa3"
|
|
||||||
integrity sha512-twN+njEipszzlMJd4ONUYgSfZPDxgHhT9Ahed5uTigpQn90FggW4SA/AIPq/6a149fTbE9qBEcSwE3FAEp6wQQ==
|
|
||||||
|
|
||||||
parse-path@^7.0.0:
|
parse-path@^7.0.0:
|
||||||
version "7.0.0"
|
version "7.0.0"
|
||||||
resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-7.0.0.tgz#605a2d58d0a749c8594405d8cc3a2bf76d16099b"
|
resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-7.0.0.tgz#605a2d58d0a749c8594405d8cc3a2bf76d16099b"
|
||||||
@ -8546,11 +8522,6 @@ pretty-error@^2.1.2:
|
|||||||
lodash "^4.17.20"
|
lodash "^4.17.20"
|
||||||
renderkid "^2.0.4"
|
renderkid "^2.0.4"
|
||||||
|
|
||||||
prismjs@^1.29.0:
|
|
||||||
version "1.29.0"
|
|
||||||
resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
|
|
||||||
integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
|
|
||||||
|
|
||||||
probe-image-size@^7.2.3:
|
probe-image-size@^7.2.3:
|
||||||
version "7.2.3"
|
version "7.2.3"
|
||||||
resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-7.2.3.tgz#d49c64be540ec8edea538f6f585f65a9b3ab4309"
|
resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-7.2.3.tgz#d49c64be540ec8edea538f6f585f65a9b3ab4309"
|
||||||
|
Loading…
Reference in New Issue
Block a user