dimasch / vsf-theme-coat

Theme for Vue Storefront extending atomic concept with Utility-First Tailwindcss Framework and Style Guide out of the box

The Coat Theme for Vue Storefront.

Extending atomic concept with Utility-First Tailwindcss and styleguide out of the box

Styleguide

Additional page accessed by url /styleguide with all UI components on the one page for rapid theme styling!

Configuration

Need pass require('tailwindcss')(themeRoot + '/tailwind.js'), to ./core/build/webpack.base.config.js

const postcssConfig =  {
  loader: 'postcss-loader',
  options: {
    ident: 'postcss',
    plugins: (loader) => [
      require('tailwindcss')(themeRoot + '/tailwind.js'),
      require('postcss-flexbugs-fixes'),
      require('autoprefixer')({
        flexbox: 'no-2009',
      }),
    ]
  }
};