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 forstyled-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
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"