summaryrefslogtreecommitdiff
path: root/examples/blog-multiple-authors/src
diff options
context:
space:
mode:
authorGravatar Fred K. Schott <fkschott@gmail.com> 2021-11-24 11:10:12 -0800
committerGravatar GitHub <noreply@github.com> 2021-11-24 11:10:12 -0800
commit8d934059f8d56d3d304cb9575c907654bf03b3ea (patch)
tree35654e8f6907dc1f39b5bf62afdb1647da59ef38 /examples/blog-multiple-authors/src
parentec2e5c9922560667a4f9959ab7c3c9ab5c3dacfe (diff)
downloadastro-8d934059f8d56d3d304cb9575c907654bf03b3ea.tar.gz
astro-8d934059f8d56d3d304cb9575c907654bf03b3ea.tar.zst
astro-8d934059f8d56d3d304cb9575c907654bf03b3ea.zip
move styles to src (#2003)
Diffstat (limited to 'examples/blog-multiple-authors/src')
-rw-r--r--examples/blog-multiple-authors/src/components/MainHead.astro2
-rw-r--r--examples/blog-multiple-authors/src/styles/global.css25
2 files changed, 26 insertions, 1 deletions
diff --git a/examples/blog-multiple-authors/src/components/MainHead.astro b/examples/blog-multiple-authors/src/components/MainHead.astro
index c780d24c3..0bf1ec4b0 100644
--- a/examples/blog-multiple-authors/src/components/MainHead.astro
+++ b/examples/blog-multiple-authors/src/components/MainHead.astro
@@ -18,7 +18,7 @@ const { title, description, image, type, next, prev, canonicalURL } = Astro.prop
<meta name="description" content={description}>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="/global.css">
+<link rel="stylesheet" href={Astro.resolve('../styles/global.css')} />
<!-- Sitemap -->
<link rel="sitemap" href="/sitemap.xml">
<!-- RSS -->
diff --git a/examples/blog-multiple-authors/src/styles/global.css b/examples/blog-multiple-authors/src/styles/global.css
new file mode 100644
index 000000000..d5891f6b4
--- /dev/null
+++ b/examples/blog-multiple-authors/src/styles/global.css
@@ -0,0 +1,25 @@
+body {
+ font-family: 'Spectral', serif;
+ line-height: 1.4;
+}
+
+p {
+ line-height: 2;
+}
+
+a {
+ color: crimson;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+.wrapper {
+ max-width: 60rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 2rem;
+ padding-right: 2rem;
+}