@walltowall/gatsby-theme-ww-system

gatsby-theme-ww-system

Gatsby theme providing an opinionated set of components and styling infrastructure for Wall-to-Wall Gatsby websites.

The following Gatsby-specific files are included:

• gatsby-config.js: Includes support for styled-components.

Features

• CSS-in-JS via styled-components
• Prop-based styling using styled-system
• Consistent spacing and sizing standards

Install

npm install --save @walltowall/gatsby-theme-ww-system

See A note on versioning

How to use

// In your gatsby-config.js
__experimentalThemes: [
  {
    resolve: '@walltowall/gatsby-theme-ww-system',
    options: {
      // Path to the project's root directory. This is required and should be
      // set to `__dirname`.
      root: __dirname,
    },
  },
]

A note on versioning

Because this is published as an NPM module, use of the theme is versioned per project. This reduces the chance of breaking past projects while iterating on this repository.

To avoid installing a backward-incompatible version of this theme, do not use a ranged version identifier in package.json. Instead, use an exact version.

GOOD - an exact version
  "@walltowall/gatsby-theme-ww-system": "1.3.1"

BAD - a ranged version (note the ^)
  "@walltowall/gatsby-theme-ww-system": "^1.3.1"