Community Plugin
View plugin on GitHubgatsby-theme-stitches
A GatsbyJS plugin for styling with Stitches
Install
yarn add gatsby-theme-stitches
Usage
// Add plugin to gatsby-config.js
plugin: ['gatsby-theme-stitches']
That’s it! You can import sitiches module from gatsby-plugin-stitches/src/stitches.config
;
import { styled } from 'gatsby-theme-stitches/src/stitches.config';
const Container = styled("div", {
margin: 10,
backgroundColor: 'red',
});
And also you can create your own config by shadowing the gatsby-theme-stitches/src/stitches.config
module.
// src/gatsby-theme-stitches/stitches.config.js
// Or src/gatsby-theme-stitches/stitches.config.ts
import { createStyled } from '@stitches/react';
// You should exports `css`
export const { styled, css } = createStyled({
// See the [configuration guide](https://stitches.dev/docs/tokens)
});
LICENSE
MIT