LordA98

/** 
 * Please Note : 
 * The bulk of the code in this file is not of my own creation, 
 * but of the creators of electron-react-boilerplate (https://github.com/electron-react-boilerplate/electron-react-boilerplate).
 * I created and used this gist for a Medium article that is a guide to installing Tailwind CSS with ERB.
 */

/**
 * Build config for development electron renderer process that uses
 * Hot-Module-Replacement

LordA98

/* eslint global-require: off, no-console: off */

import React from 'react';

export default function Home() {
  return (
    <>
      <div className="bg-gray-500 p-5 text-center">Tailwind</div>
    </>
  );

LordA98

module.exports = {
  theme: {},
  variants: {},
  plugins: []
};

LordA98

/* eslint global-require: off, import/no-extraneous-dependencies: off */

module.exports = {
  plugins: [require('tailwindcss'), require('autoprefixer')]
};

LordA98

// Please Note : 
// The bulk of the code in this file is not of my own creation, 
// but of the creators of electron-react-boilerplate (https://github.com/electron-react-boilerplate/electron-react-boilerplate).
// I created and used this gist for a Medium article that is a guide to installing Tailwind CSS with ERB.

{
  "name": "name",
  "productName": "Name",
  "version": "0.0.2",
  "description": "Description here...",

LordA98

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --test-var: pink;
}

body {
  position: relative;