hyprland-website/tailwind.config.js
Visual-Dawg 821d96b466
Add Rss feed (#42)
* darken inline code bg in articles

* improve install button

* add rss feed

* small cleanup

* news: single row entries

* news: fancy spinner

* news: single col

* news: fancy spinner
2024-01-30 13:11:23 +00:00

56 lines
1.3 KiB
JavaScript
Executable file

const { fontFamily } = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
/** @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[800],
'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'
]
}