Custom Viewports

[mrtimbrook]

Add support for custom viewports and generating them from a tailwind config via storybook_viewports option in config/blast.php. (#85)

It supports an array with the structure found in the Storybook docs and it can also use your Tailwind config to generate the viewports for you by setting the value to 'tailwind'.

It supports the various ways you can define breakpoints in Tailwind using these rules:

• If the value is a string, it uses that
• If the value is an array with only a min or only a max it will use that value
• If the value is an array with both a min and max value it will use the min value
• raw values will be ignored

Disabled viewports (default)

'storybook_viewports' => false

Tailwind viewports (default)

'storybook_viewports' => 'tailwind'

Custom viewports

'storybook_viewports' => [
    'kindleFire2' => [
        'name' => 'Kindle Fire 2',
        'styles' => [
            'width' => '600px',
            'height' => '963px',
        ],
    ],
    'kindleFireHD' => [
        'name' => 'Kindle Fire HD',
        'styles' => [
            'width' => '533px',
            'height' => '801px',
        ],
    ],
],

[mrtimbrook]

Updated it to use 'tailwind' as the default as it will fallback to false if the tailwind config isn't found.