From e6cc660f5ec3e2820152a13e999ffdeb86b71508 Mon Sep 17 00:00:00 2001 From: E Date: Fri, 10 Sep 2021 22:23:58 +0100 Subject: [PATCH] Add tailwind fonts and colours --- package-lock.json | 14 ++++++++++++++ package.json | 5 ++++- src/tailwind.css | 16 ++++++++++++++++ tailwind.config.js | 23 +++++++++++++++++++++-- 4 files changed, 55 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index bde5248..889230f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "0.0.0", "dependencies": { "@sendgrid/mail": "^7.4.4", + "app-root-path": "^3.0.0", "autoprefixer": "^10.3.4", "axios": "^0.21.2", "cookie-parser": "^1.4.5", @@ -371,6 +372,14 @@ "node": ">= 8" } }, + "node_modules/app-root-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.0.0.tgz", + "integrity": "sha512-qMcx+Gy2UZynHjOHOIXPNvpf+9cjvk3cWrBBK7zg4gH9+clobJRb9NGzcT7mQTcV/6Gm/1WelUtqxVXnNlrwcw==", + "engines": { + "node": ">= 6.0.0" + } + }, "node_modules/arg": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz", @@ -4103,6 +4112,11 @@ "picomatch": "^2.0.4" } }, + "app-root-path": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/app-root-path/-/app-root-path-3.0.0.tgz", + "integrity": "sha512-qMcx+Gy2UZynHjOHOIXPNvpf+9cjvk3cWrBBK7zg4gH9+clobJRb9NGzcT7mQTcV/6Gm/1WelUtqxVXnNlrwcw==" + }, "arg": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.1.tgz", diff --git a/package.json b/package.json index 43b9478..be3561c 100644 --- a/package.json +++ b/package.json @@ -4,7 +4,9 @@ "private": true, "watch": { "build-tail": { - "patterns": ["../views"], + "patterns": [ + "views/" + ], "extensions": "pug" } }, @@ -16,6 +18,7 @@ }, "dependencies": { "@sendgrid/mail": "^7.4.4", + "app-root-path": "^3.0.0", "autoprefixer": "^10.3.4", "axios": "^0.21.2", "cookie-parser": "^1.4.5", diff --git a/src/tailwind.css b/src/tailwind.css index bd6213e..894abbc 100644 --- a/src/tailwind.css +++ b/src/tailwind.css @@ -1,3 +1,19 @@ @tailwind base; @tailwind components; + +@font-face { + font-family: 'Titling Gothic FB'; + src: url("../fonts/TITLINGGOTHICFB-WIDE.OTF") format('opentype') +} + +@font-face { + font-family: 'Gilroy'; + src: url("../fonts/Gilroy-ExtraBold.otf") format('opentype') +} + +@font-face { + font-family: 'Apercu Mono'; + src: url("../fonts/ApercuMono.ttf") format('truetype'); +} + @tailwind utilities; \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index 2d0c963..283a7bc 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,9 +1,28 @@ module.exports = { mode: "jit", - purge: ['../views/*.pug'], + purge: ['views/*.pug'], darkMode: false, // or 'media' or 'class' theme: { - extend: {}, + extend: { + fontFamily: { + 'extra': ['"Titling Gothic FB"'], + 'sans': ['Gilroy'], + 'mono': ['"Apercu Mono"'], + }, + colors: { + transparent: 'transparent', + current: 'currentColor', + black: { + DEFAULT: '#002234', + }, + pink: { + DEFAULT: '#CC7A98', + }, + green: { + DEFAULT: '#CDE7B0', + } + } + }, }, variants: { extend: {},