Skip to content

Instantly share code, notes, and snippets.

View LordA98's full-sized avatar

Alex Lord LordA98

  • Cambridge, England
View GitHub Profile
@LordA98
LordA98 / erb-tailwind-example.app.global.css
Last active March 30, 2020 20:36
ERB & Tailwind - app.global.css
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--test-var: pink;
}
body {
position: relative;
@LordA98
LordA98 / erb-tailwind-example.package.json
Last active March 30, 2020 20:54
ERB & Tailwind - package.json
// 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
LordA98 / erb-tailwind-example.postcss.config.js
Created March 30, 2020 20:42
ERB & Tailwind - postcss.config.js
/* eslint global-require: off, import/no-extraneous-dependencies: off */
module.exports = {
plugins: [require('tailwindcss'), require('autoprefixer')]
};
@LordA98
LordA98 / erb-tailwind-example.tailwind.config.js
Created March 30, 2020 20:42
ERB & Tailwind - tailwind.config.js
module.exports = {
theme: {},
variants: {},
plugins: []
};
@LordA98
LordA98 / erb-tailwind-example.react-comp.tsx
Created March 30, 2020 20:44
ERB & Tailwind - react component
/* 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
LordA98 / erb-tailwind-example.webpack.config.renderer.dev.babel.js
Last active March 30, 2020 20:54
ERB & Tailwind - configs/webpack.config.renderer.dev.babel.js
/**
* 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