Skip to content

Commit

Permalink
Add Tailwind CSS Typography plugin
Browse files Browse the repository at this point in the history
  • Loading branch information
@jerboa88
jerboa88 committed Jan 17, 2024
1 parent d42cc53 commit e2c407a
Show file tree
Hide file tree
Showing 3 changed files with 17,638 additions and 17,581 deletions.
171 changes: 87 additions & 84 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,84 +1,87 @@
{
"name": "johng-io",
"version": "3.0.0",
"private": true,
"description": "Portfolio site for John Goodliff: Software Developer and Student",
"author": "John Goodliff",
"keywords": [
"portfolio",
"mergist",
"react",
"website",
"typescript",
"reactjs",
"gatsby",
"font-awesome",
"gatsbyjs",
"tailwindcss",
"gatsby-site",
"framer-motion",
"daisyui"
],
"repository": {
"type": "git",
"url": "https://github.com/jerboa88/jerboa88.github.io.git"
},
"license": "MIT",
"scripts": {
"develop": "yarn gatsby develop",
"start": "yarn gatsby develop",
"build": "yarn gatsby build",
"serve": "yarn gatsby serve",
"clean": "yarn gatsby clean",
"typecheck": "yarn tsc --noEmit"
},
"dependencies": {
"@fontsource/montserrat": "^4.5.11",
"@fontsource/roboto-condensed": "^4.5.8",
"@fontsource/roboto-flex": "^4.5.0",
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortawesome/free-brands-svg-icons": "^6.1.1",
"@fortawesome/free-solid-svg-icons": "^6.1.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@types/jsdom": "^20.0.0",
"daisyui": "^2.18.0",
"dotenv": "^16.0.1",
"framer-motion": "^6.4.3",
"gatsby": "^4.18.0",
"gatsby-plugin-google-gtag": "^4.18.0",
"gatsby-plugin-image": "^2.18.0",
"gatsby-plugin-image-generator": "link:./plugins/gatsby-plugin-image-generator",
"gatsby-plugin-manifest": "^4.18.0",
"gatsby-plugin-offline": "^5.18.0",
"gatsby-plugin-postcss": "^5.18.0",
"gatsby-plugin-react-helmet": "^5.18.0",
"gatsby-plugin-react-svg": "^3.1.0",
"gatsby-plugin-realfavicongenerator": "^0.1.2",
"gatsby-plugin-robots-txt": "^1.7.1",
"gatsby-plugin-sharp": "^4.18.0",
"gatsby-plugin-sitemap": "^5.18.0",
"gatsby-plugin-web-font-loader": "^1.0.4",
"gatsby-source-filesystem": "^4.18.0",
"gatsby-source-graphql": "^4.18.0",
"gatsby-transformer-sharp": "^4.18.0",
"jsdom": "^20.0.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-helmet": "^6.1.0",
"react-html-comment": "^2.0.14",
"sharp": "^0.30.7",
"svg-react-loader": "^0.4.6",
"svgo": "^2.8.0"
},
"devDependencies": {
"@types/node": "^17.0.45",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@types/react-helmet": "^6.1.5",
"autoprefixer": "^10.4.7",
"postcss": "^8.4.14",
"tailwindcss": "^3.1.4",
"typescript": "^4.7.4"
},
"packageManager": "[email protected]"
}
{
"name": "johng-io",
"version": "3.0.0",
"private": true,
"description": "Portfolio site for John Goodliff: Software Developer and Student",
"author": "John Goodliff",
"keywords": [
"portfolio",
"mergist",
"react",
"website",
"typescript",
"reactjs",
"gatsby",
"font-awesome",
"gatsbyjs",
"tailwindcss",
"gatsby-site",
"framer-motion",
"daisyui"
],
"repository": {
"type": "git",
"url": "https://github.com/jerboa88/jerboa88.github.io.git"
},
"license": "MIT",
"scripts": {
"develop": "yarn gatsby develop",
"start": "yarn gatsby develop",
"build": "yarn gatsby build",
"serve": "yarn gatsby serve",
"clean": "yarn gatsby clean",
"typecheck": "yarn tsc --noEmit"
},
"dependencies": {
"@fontsource/montserrat": "^4.5.11",
"@fontsource/roboto-condensed": "^4.5.8",
"@fontsource/roboto-flex": "^4.5.0",
"@fortawesome/fontawesome-svg-core": "^6.1.1",
"@fortawesome/free-brands-svg-icons": "^6.1.1",
"@fortawesome/free-solid-svg-icons": "^6.1.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@tailwindcss/typography": "^0.5.4",
"@types/dompurify": "^2.3.3",
"@types/jsdom": "^20.0.0",
"daisyui": "^2.18.0",
"dompurify": "^2.3.10",
"dotenv": "^16.0.1",
"framer-motion": "^6.4.3",
"gatsby": "^4.18.0",
"gatsby-plugin-google-gtag": "^4.18.0",
"gatsby-plugin-image": "^2.18.0",
"gatsby-plugin-image-generator": "link:./plugins/gatsby-plugin-image-generator",
"gatsby-plugin-manifest": "^4.18.0",
"gatsby-plugin-offline": "^5.18.0",
"gatsby-plugin-postcss": "^5.18.0",
"gatsby-plugin-react-helmet": "^5.18.0",
"gatsby-plugin-react-svg": "^3.1.0",
"gatsby-plugin-realfavicongenerator": "^0.1.2",
"gatsby-plugin-robots-txt": "^1.7.1",
"gatsby-plugin-sharp": "^4.18.0",
"gatsby-plugin-sitemap": "^5.18.0",
"gatsby-plugin-web-font-loader": "^1.0.4",
"gatsby-source-filesystem": "^4.18.0",
"gatsby-source-graphql": "^4.18.0",
"gatsby-transformer-sharp": "^4.18.0",
"jsdom": "^20.0.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-helmet": "^6.1.0",
"react-html-comment": "^2.0.14",
"sharp": "^0.30.7",
"svg-react-loader": "^0.4.6",
"svgo": "^2.8.0"
},
"devDependencies": {
"@types/node": "^17.0.45",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@types/react-helmet": "^6.1.5",
"autoprefixer": "^10.4.7",
"postcss": "^8.4.14",
"tailwindcss": "^3.1.4",
"typescript": "^4.7.4"
},
"packageManager": "[email protected]"
}
91 changes: 46 additions & 45 deletions tailwind.config.ts
View file
Original file line number Diff line number Diff line change
@@ -1,45 +1,46 @@
/*
Tailwind CSS configuration file
-------------------------------
*/


import ConfigManager from './src/common/config-manager';


const configManager = new ConfigManager();


module.exports = {
content: [
'./src/**/*.{js,jsx,ts,tsx}',
],
theme: {
fontFamily: {
sans: ['Roboto Flex', 'Roboto', 'Tahoma', 'Arial', 'Helvetica', 'sans-serif'],
},
transitionDuration: {
DEFAULT: '200ms',
},
extend: {
fontFamily: {
heading: ['Montserrat', 'Impact', 'Franklin Gothic Medium', 'Candara', 'Calibri', 'sans-serif'],
button: ['Roboto Condensed', 'Arial Narrow', 'Calibri', 'Candara', 'Impact', 'sans-serif'],
},
colors: {
'primary-header': 'var(--ph)',
'secondary-header': 'var(--sh)',
},
}
},
plugins: [
require('daisyui'),
],
daisyui: {
themes: [
{ dark: configManager.getTheme('dark') },
{ light: configManager.getTheme('light') },
],
darkTheme: 'dark',
},
};
/*
Tailwind CSS configuration file
-------------------------------
*/


import ConfigManager from './src/common/config-manager';


const configManager = new ConfigManager();


module.exports = {
content: [
'./src/**/*.{js,jsx,ts,tsx}',
],
theme: {
fontFamily: {
sans: ['Roboto Flex', 'Roboto', 'Tahoma', 'Arial', 'Helvetica', 'sans-serif'],
},
transitionDuration: {
DEFAULT: '200ms',
},
extend: {
fontFamily: {
heading: ['Montserrat', 'Impact', 'Franklin Gothic Medium', 'Candara', 'Calibri', 'sans-serif'],
button: ['Roboto Condensed', 'Arial Narrow', 'Calibri', 'Candara', 'Impact', 'sans-serif'],
},
colors: {
'primary-header': 'var(--ph)',
'secondary-header': 'var(--sh)',
},
}
},
plugins: [
require('@tailwindcss/typography'),
require('daisyui'),
],
daisyui: {
themes: [
{ dark: configManager.getTheme('dark') },
{ light: configManager.getTheme('light') },
],
darkTheme: 'dark',
},
};
Loading

0 comments on commit e2c407a

Please sign in to comment.