summaryrefslogtreecommitdiff
path: root/tailwind.config.js
diff options
context:
space:
mode:
Diffstat (limited to 'tailwind.config.js')
-rw-r--r--tailwind.config.js60
1 files changed, 60 insertions, 0 deletions
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..b9fb1b6
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,60 @@
+module.exports = {
+ theme: {
+ extend: {
+ fontFamily: {
+ sans: [
+ 'Nunito Sans'
+ ],
+ mono: [
+ 'monospace',
+ ],
+ },
+ lineHeight: {
+ normal: '1.6',
+ loose: '1.75',
+ },
+ maxWidth: {
+ none: 'none',
+ '7xl': '80rem',
+ '8xl': '88rem'
+ },
+ spacing: {
+ '7': '1.75rem',
+ '9': '2.25rem'
+ },
+ boxShadow: {
+ 'lg': '0 -1px 27px 0 rgba(0, 0, 0, 0.04), 0 4px 15px 0 rgba(0, 0, 0, 0.08)',
+ }
+ },
+ fontSize: {
+ 'xs': '.8rem',
+ 'sm': '.925rem',
+ 'base': '1rem',
+ 'lg': '1.125rem',
+ 'xl': '1.25rem',
+ '2xl': '1.5rem',
+ '3xl': '1.75rem',
+ '4xl': '2.125rem',
+ '5xl': '2.625rem',
+ '6xl': '10rem',
+ },
+ },
+ variants: {
+ borderRadius: ['responsive', 'focus'],
+ borderWidth: ['responsive', 'active', 'focus'],
+ width: ['responsive', 'focus']
+ },
+ plugins: [
+ function({ addUtilities }) {
+ const newUtilities = {
+ '.transition-fast': {
+ transition: 'all .2s ease-out',
+ },
+ '.transition': {
+ transition: 'all .5s ease-out',
+ },
+ }
+ addUtilities(newUtilities)
+ }
+ ]
+}