hyprland-website/tailwind.config.js
Visual-Dawg ac58df3079
fix read up linking (#35)
* fix read up linking

* improve style of inline code blocks
2023-12-18 14:56:28 +00:00

60 lines
1.4 KiB
JavaScript
Executable file

const { fontFamily } = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
console.log({ colors })
// const sansFamily =
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
colors: { black: '#0b0d0e', primary: '#58E1FF', secondary: '#00A2F8' },
fontFamily: {
...fontFamily,
sans: ['Work Sans Variable', ...fontFamily['sans']],
mono: ['IBM Plex Mono', ...fontFamily['mono']],
london: ['"London Between"', ...fontFamily['sans']]
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))'
},
margin: { navbar: '3.5rem' },
typography: {
DEFAULT: {
css: {
code: {
padding: '0.2em 0.4em',
'background-color': colors.slate[700],
'border-radius': '6px',
'font-weight': 'inherit'
},
'code::before': {
content: '""'
},
'code::after': {
content: '""'
}
}
}
}
}
},
plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')],
safelist: [
'animate-bounce',
'outline-amber-500',
// In here because of the footer
'text-teal-500',
'text-teal-600',
'text-cyan-500',
'text-cyan-600',
'text-green-500',
'text-green-600',
'text-emerald-500',
'text-emerald-600',
'text-lime-500',
'text-lime-600'
]
}