hyprland-website/tailwind.config.js
Visual-Dawg d982e5761d
Add Plugins page and more (#48)
* some progress, updating packages

* migrate to SvelteKit 2

* progress

* more stuff

* hy3 banner

* add links to features

* fix distro option extra image

* update community section

* add plugins page link  to plugins slice

* community more profiles

* add more community profiles

* fix RSS not showing in prod (#45)

* plugin page: better banner hover playback

* improve community slice intro timing

* remove fillter texts

* improve command button

* plugin install command wording improvment

* footer adjustments

* add dwindle-autogroup

* stuff

* community profile pictures hosted by Discord :P

* fix autoplay previewRice Chrome

* navbar: no entry delay

* small community profile changes

* optimize plugins layout

* fix sorting

* improve card performance

* clean up test content from .md files

* did more stuff

* change desc of some plugins

* work on design and layout

* make main bg darker
Creates less banding and looks a bit better, while also providing better contrast

* nicer trim text

* more stuff

* fix messup

* update plugins readme

* add a profile picture

* plugins: add gradient bg

* remove placeholder plugins

* plugins: improve mobile layout

* community: small stuff

* remove csgo vulkan fix logo

* plugins: fix bg jumping on Firefox

* plugin slug: improve animation staggering

* small css fixes

* pluginsSlice: animate only with slide
Opacity change looks a bit off here

* community: hide errored images

---------

Co-authored-by: Vaxry <vaxry@vaxry.net>
2024-03-06 21:04:26 +00:00

63 lines
1.4 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: '#090b0c', 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' },
screens: { '3xl': '2560px' },
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'),
require('@tailwindcss/container-queries')
],
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'
]
}