# πŸ’… Styling Styling in Astro is meant to be as flexible as you’d like it to be! The following options are all supported: | Framework | Global CSS | Scoped CSS | CSS Modules | | :--------------- | :--------: | :--------: | :---------: | | Astro (`.astro`) | βœ… | βœ… | N/AΒΉ | | React / Preact | βœ… | ❌ | βœ… | | Vue | βœ… | βœ… | βœ… | | Svelte | βœ… | βœ… | ❌ | ΒΉ _`.astro` files have no runtime, therefore Scoped CSS takes the place of CSS Modules (styles are still scoped to components, but don’t need dynamic values)_ #### πŸ– Styling by Framework ##### Astro Styling in an Astro component is done by adding a `
I’m a scoped style and only apply to this component

I have both scoped and global styles

``` **Tips** - ` ``` You should see Tailwind styles compile successfully in Astro. πŸ’ **Tip**: to reduce duplication, try loading `@tailwind base` from a parent page (`./pages/*.astro`) instead of the component itself. [autoprefixer]: https://github.com/postcss/autoprefixer [browserslist]: https://github.com/browserslist/browserslist [css-modules]: https://github.com/css-modules/css-modules [vue-css-modules]: https://vue-loader.vuejs.org/guide/css-modules.html [vue-scoped]: https://vue-loader.vuejs.org/guide/scoped-css.html [sass]: https://sass-lang.com/ [sass-use]: https://sass-lang.com/documentation/at-rules/use [svelte-style]: https://svelte.dev/docs#style [tailwind]: https://tailwindcss.com [tailwind-utilities]: https://tailwindcss.com/docs/adding-new-utilities#using-css les/integration'>examples/integration Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/packages/integrations/node/test/node-middleware.test.js (unfollow)
AgeCommit message (Expand)AuthorFilesLines
2023-04-03[ci] formatGravatar Princesseuh 1-1/+2
2023-04-03feat(image): Export more types and utilities for users to use (#6739)Gravatar Erika 13-38/+57
2023-04-03fix(images): Return the proper content-type for the chosen format (#6741)Gravatar Erika 4-7/+16
2023-04-03[Markdoc] Fix: Support `render: null` (#6723)Gravatar Ben Holmes 9-60/+309
2023-04-03gitignore env.d.ts files in e2e tests (#6737)Gravatar Bjorn Lu 1-0/+1
2023-03-31[ci] formatGravatar matthewp 7-8/+17
2023-03-31Better errors for when response is already sent (#6719)Gravatar Matthew Phillips 12-3/+90
2023-03-31[ci] formatGravatar matthewp 2-8/+7
2023-03-31supporting top of await (#6671)Gravatar wulinsheng123 7-5/+63
2023-03-31[ci] release (#6694)astro@2.1.9@astrojs/rss@2.3.2@astrojs/react@2.1.1@astrojs/lit@2.0.0@astrojs/image@0.16.4Gravatar Houston (Bot) 59-143/+131
2023-03-31fix(check): Dynamically import check command (#6717)Gravatar Erika 2-1/+7
2023-03-31fix(errors): Add simplified message for MarkdownImageNotFound (#6718)Gravatar Erika 1-0/+2
2023-03-31[ci] formatGravatar Princesseuh 1-2/+2
2023-03-31Fix incorrect path in error overlay on Win (#6679)Gravatar Peter Timoshevsky 5-5/+43
2023-03-30Remove unnecessary image-related `.wasm` files inside build output when possi...Gravatar Erika 6-47/+45
2023-03-30Fix InferGetStaticParamsType and InferGetStaticPropsType not working with syn...Gravatar Erika 2-7/+16
2023-03-30Fix multiple images being generated for the same image (#6710)Gravatar Erika 6-15/+28
2023-03-30[RSS] Fix: update `RSSFeedItem` type to comply with `strictest` tsconfig (#6614)Gravatar Aivars Liepa 2-1/+6
2023-03-29Update lit-ssr dependency (#6681)Gravatar Elliott Marquez 13-82/+107
2023-03-29fix(images): Improve error handling around the new assets feature (#6649)Gravatar Erika 17-21/+290
2023-03-29Use debug option for debugDir (#6554)Gravatar Isaac 1-1/+1