gatsby-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