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

importing and inlining global.css with set:html (#2601)

Browse source
This commit is contained in:
Tony Sullivan 2022-02-17 12:39:55 +00:00 • committed by GitHub
parent c496ac8dad
commit 934d9750cf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
examples/with-tailwindcss/src/pages/index.astro
View file

@ -1,6 +1,8 @@
--- ---
// Component Imports // Component Imports
import Button from '../components/Button.astro'; import Button from '../components/Button.astro';
// Imports the global styles to be inlined in the <head>
import styles from '../styles/global.css';
// Full Astro Component Syntax: // Full Astro Component Syntax:
// https://docs.astro.build/core-concepts/astro-components/ // https://docs.astro.build/core-concepts/astro-components/
@ -11,9 +13,7 @@ import Button from '../components/Button.astro';
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" />
<title>Astro + TailwindCSS</title> <title>Astro + TailwindCSS</title>
<style global> <style set:html={styles}></style>
@import "../styles/global.css";
</style>
</head> </head>
<body> <body>