Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-01-27 22:19:04 -05:00
Code Issues Activity

[ci] format

Browse source
This commit is contained in:
matthewp 2022-09-20 12:32:27 +00:00 • committed by fredkbot
parent c84d85ba4d
commit 4d1b1b583b
3 changed files with 69 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
examples/deno/astro.config.mjs
View file

@ -1,9 +1,9 @@
import { defineConfig } from 'astro/config'; import { defineConfig } from 'astro/config';
import deno from "@astrojs/deno"; import deno from '@astrojs/deno';
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
output: "server", output: 'server',
adapter: deno() adapter: deno(),
}); });

87
examples/deno/src/components/Layout.astro
View file

@ -8,48 +8,47 @@ const { title } = Astro.props as Props;
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" />
<title>{title}</title> <title>{title}</title>
</head> </head>
<body> <body>
<slot /> <slot />
</body> <style>
:root {
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3rem);
--color-text: hsl(12, 5%, 4%);
--color-bg: hsl(10, 21%, 95%);
}
html {
font-family: system-ui, sans-serif;
font-size: var(--font-size-base);
color: var(--color-text);
background-color: var(--color-bg);
}
body {
margin: 0;
}
:global(h1) {
font-size: var(--font-size-xl);
}
:global(h2) {
font-size: var(--font-size-lg);
}
:global(code) {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace;
}
</style>
</body>
</html> </html>
<style>
:root {
--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3rem);
--color-text: hsl(12, 5%, 4%);
--color-bg: hsl(10, 21%, 95%);
}
html {
font-family: system-ui, sans-serif;
font-size: var(--font-size-base);
color: var(--color-text);
background-color: var(--color-bg);
}
body {
margin: 0;
}
:global(h1) {
font-size: var(--font-size-xl);
}
:global(h2) {
font-size: var(--font-size-lg);
}
:global(code) {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace;
}
</style>

32
examples/deno/src/pages/index.astro
View file

@ -5,7 +5,10 @@ import Layout from '../components/Layout.astro';
<Layout title="Welcome to Astro (on Deno)."> <Layout title="Welcome to Astro (on Deno).">
<main> <main>
<h1>Welcome to <span class="text-gradient">Astro</span> on Deno</h1> <h1>Welcome to <span class="text-gradient">Astro</span> on Deno</h1>
<p class="instructions"><strong>Your first mission:</strong> tweak this message to try our hot module reloading. Check the <code>src/pages</code> directory!</p> <p class="instructions">
<strong>Your first mission:</strong> tweak this message to try our hot module reloading. Check
the <code>src/pages</code> directory!
</p>
<ul role="list" class="link-card-grid"> <ul role="list" class="link-card-grid">
<li class="link-card"> <li class="link-card">
<a href="https://astro.build/integrations/"> <a href="https://astro.build/integrations/">
@ -39,7 +42,9 @@ import Layout from '../components/Layout.astro';
fill="currentColor" fill="currentColor"
> >
<title>heart</title> <title>heart</title>
<path d="M256 448l-30.164-27.211C118.718 322.442 48 258.61 48 179.095 48 114.221 97.918 64 162.4 64c36.399 0 70.717 16.742 93.6 43.947C278.882 80.742 313.199 64 349.6 64 414.082 64 464 114.221 464 179.095c0 79.516-70.719 143.348-177.836 241.694L256 448z" /> <path
d="M256 448l-30.164-27.211C118.718 322.442 48 258.61 48 179.095 48 114.221 97.918 64 162.4 64c36.399 0 70.717 16.742 93.6 43.947C278.882 80.742 313.199 64 349.6 64 414.082 64 464 114.221 464 179.095c0 79.516-70.719 143.348-177.836 241.694L256 448z"
></path>
</svg> </svg>
</p> </p>
</a> </a>
@ -51,9 +56,15 @@ import Layout from '../components/Layout.astro';
<style> <style>
:root { :root {
--color-border: hsl(17, 24%, 90%); --color-border: hsl(17, 24%, 90%);
--astro-gradient: linear-gradient(0deg,#4F39FA, #DA62C4); --astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4);
--link-gradient: linear-gradient(45deg, #4F39FA, #DA62C4 30%, var(--color-border) 60%); --link-gradient: linear-gradient(45deg, #4f39fa, #da62c4 30%, var(--color-border) 60%);
--night-sky-gradient: linear-gradient(0deg, #392362 -33%, #431f69 10%, #30216b 50%, #1f1638 100%); --night-sky-gradient: linear-gradient(
0deg,
#392362 -33%,
#431f69 10%,
#30216b 50%,
#1f1638 100%
);
} }
h2 { h2 {
@ -75,7 +86,7 @@ import Layout from '../components/Layout.astro';
main { main {
margin: auto; margin: auto;
padding: 1em; padding: 1em;
max-width: 60ch; max-width: 60ch;
} }
@ -83,7 +94,7 @@ import Layout from '../components/Layout.astro';
font-weight: 900; font-weight: 900;
background-image: var(--astro-gradient); background-image: var(--astro-gradient);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-size: 100% 200%; background-size: 100% 200%;
background-position-y: 100%; background-position-y: 100%;
border-radius: 0.4rem; border-radius: 0.4rem;
@ -91,7 +102,8 @@ import Layout from '../components/Layout.astro';
} }
@keyframes pulse { @keyframes pulse {
0%, 100% { 0%,
100% {
background-position-y: 0%; background-position-y: 0%;
} }
50% { 50% {
@ -142,7 +154,7 @@ import Layout from '../components/Layout.astro';
} }
.link-card:is(:hover, :focus-within) h2 { .link-card:is(:hover, :focus-within) h2 {
color: #4F39FA; color: #4f39fa;
} }
.link-card:is(:hover, :focus-within) h2 span { .link-card:is(:hover, :focus-within) h2 span {
@ -151,7 +163,7 @@ import Layout from '../components/Layout.astro';
.heart { .heart {
display: inline-block; display: inline-block;
color: #DA62C4; color: #da62c4;
animation: heartbeat 3s ease-in-out infinite; animation: heartbeat 3s ease-in-out infinite;
} }