Gatsby-plugin-styletron NPM

gatsby-plugin-styletron

A Gatsby plugin for styletron with built-in server-side rendering support.

This plugin supports styletron-react v5. Check the release notes for more details about v5.

Install

npm install gatsby-plugin-styletron styletron-react styletron-engine-atomic

How to use

Edit gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-styletron`,
      options: {
        // You can pass options to Styletron.
        prefix: "_",
        // Disable dev debug mode, enabled by default
        debug: false,
      },
    },
  ],
}

This can be used as described by styletron-react such as:

import React from "react"
import { styled, useStyletron } from "styletron-react"

// statically styled component
const RedAnchor = styled("a", { color: "red" })

// dynamically styled component
const BigAnchor = styled("a", ({ $size }) => ({ fontSize: `${$size}px` }))

const IndexPage = () => {
  // an alternative hook based API
  const [css] = useStyletron()
  return (
    <div>
      <RedAnchor>Red Anchor</RedAnchor>
      <BigAnchor $size={64}>Big Anchor</BigAnchor>
      <p className={css({ color: "blue" })}>blue text</p>
    </div>
  )
}

Check more documentation and examples at styletron.org.

gatsby gatsby-plugin

@babel/runtime

@everything-registry/sub-chunk-1722 @jckr/ocular-gatsby ocular-gatsby @zalastax/nolb-gatsby-plugin-s

7 months ago

7 months ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

7.14.0-alpha-transformer-json.26

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

8.0.0-alpha-v5.d20221012t101120.57

3 years ago

8.2.0-next.0

3 years ago

7.25.0

3 years ago

8.5.0-next.0

2 years ago

8.0.0-alpha-v5.d20221010t183635.51

3 years ago

8.1.0-next.0

3 years ago

8.0.0-alpha-v5.d20221005t111511.35

3 years ago

8.0.0-alpha-v5.d20221007t081809.41

3 years ago

8.0.0-alpha-drupal-proxyurl.14

3 years ago

8.0.0

3 years ago

8.3.0-next.0

3 years ago

7.23.0-next.0

3 years ago

7.23.0-alpha-9689ff.25

3 years ago

7.23.0-alpha-v5.26

3 years ago

7.23.0-alpha-preview-gh-api.26

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

7.23.0-alpha-a5-peer.70

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

7.15.0-alpha-wp-image-cdn-auth.48

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

7.18.0-alpha-drupal-self-reference.18

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

7.6.0-alpha-ts-jit.60

3 years ago

7.4.0

4 years ago

7.5.0

3 years ago

7.7.0-alpha-image-service.75

3 years ago

4 years ago

3 years ago

3 years ago

3 years ago

7.8.0-alpha-image-service.25

3 years ago

7.8.0-alpha-image-service.24

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

7.0.0-alpha-9689ff.13

4 years ago

6.14.0-alpha-qe-sm.33

4 years ago

7.0.0-next.1

4 years ago

7.0.0-next.0

4 years ago

7.0.0-alpha-9689ff.23

4 years ago

7.0.0-alpha-9689ff.21

4 years ago

7.0.0-alpha-9689ff.11

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

7.0.0-alpha-9689ff.27

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5.2.0-image-helpers.58

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

4.2.3-unifiedroutes.76

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

4.1.27-state-machine.130

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

1.0.0-beta.7-alpha.594d939c

8 years ago

1.0.0-beta.7-alpha.7dc2afa2

8 years ago

1.0.0-beta.7-alpha.60d2ce84

8 years ago

1.0.0-beta.6-alpha.320adb17

8 years ago

1.0.0-beta.6

8 years ago

1.0.0-beta.5-alpha.dfde8a10

8 years ago

1.0.0-beta.5-alpha.c16c2913

8 years ago

1.0.0-beta.5-alpha.08bddd92

8 years ago

1.0.0-beta.5-alpha.fb30fcd6

8 years ago

1.0.0-beta.5-alpha.1a65ba72

8 years ago

1.0.0-beta.5-alpha.c64a932e

8 years ago

1.0.0-beta.4-alpha.83182d4c

8 years ago

1.0.0-beta.3-alpha.9451bcd6

8 years ago

1.0.0-beta.3-alpha.590c01b7

8 years ago

1.0.0-beta.3-alpha.a694e4ac

8 years ago

1.0.0-beta.3-alpha.15f49df0

8 years ago

1.0.0-beta.3-alpha.1cb4cf8b

8 years ago

1.0.0-beta.3-alpha.404a27c8

8 years ago

1.0.0-beta.2-alpha.38d760b4

8 years ago

1.0.0-beta.2-alpha.a1195641

8 years ago

1.0.0-beta.2-alpha.4bef9d1e

8 years ago

1.0.0-beta.1-alpha.82c23a65

8 years ago

1.0.0-beta.1

8 years ago

1.0.0-alpha.22-alpha.18f02e94

8 years ago

1.0.0-alpha.22-alpha.2d2aa0ef

8 years ago

1.0.0-alpha.22-alpha.96b0b727

8 years ago

1.0.0-alpha.22-alpha.0be09b66

8 years ago

1.0.0-alpha.22-alpha.acbc22e8

8 years ago

1.0.0-alpha.22-alpha.19f7c727

8 years ago

1.0.0-alpha.22

8 years ago

1.0.0-alpha19-alpha.0ae0ee2a

8 years ago

1.0.0-alpha19-alpha.dcf76508

8 years ago

1.0.0-alpha19-alpha.62172e76

8 years ago

1.0.0-alpha19-alpha.3c6183a4

8 years ago

1.0.0-alpha19-alpha.a2f3e881

8 years ago

1.0.0-alpha19-alpha.81f2510a

8 years ago

1.0.0-alpha17

8 years ago

1.0.0-alpha16-alpha.4482ff94

8 years ago

1.0.0-alpha16-alpha.7b3bcd50

8 years ago

1.0.0-alpha16-alpha.d918ccdc

8 years ago

1.0.0-alpha16-alpha.102adc51

8 years ago

1.0.0-alpha16-alpha.a48b771d

8 years ago