mirror of
https://github.com/status-im/wakuconnect-chat-sdk.git
synced 2025-02-22 16:58:26 +00:00
45e36b2360
* add ghost api * connect blog overview page * connect and render post detail * add processing to server * update blog detail page * add eslint-plugin-tailwindcss * add @tanstack/react-query * truncate text by numberOfLines * use ComponentPropsWithRef to infer style prop type * update ghost fns * update index * add tag page * add author page * update / * update /tag * update /author * update detail page * fix posts type * disable redirect * remove global background - not found pages - pages without common layout (preview) * tmp: hide nav on smaller screens * update app layout spacing * remove text truncating * update / spacing and sizing * update .vscode/settings.json * update .eslintrc * update prettier-plugin-tailwindcss * sort tailwind classes * add packages/eslint-config-custom * use turbo lint * use tailwind.config.cjs see https://github.com/francoismassart/eslint-plugin-tailwindcss/issues/212 * reset global line-height * fix lint-staged * update color tokens * update spacing and sizes * Update apps/website/src/lib/ghost.ts Co-authored-by: Pavel <14926950+prichodko@users.noreply.github.com> * update layout max width * update card min width * set line-height * set overflow on pre * use flex for markdown content to prevent overflow * collect follow-ups * add visibility filter * update page count * rename var * remove filter * use prod ghost api key * update ghost api * revert line-height * add limit to getPosts params * update visible posts * add related articles * add env vars to gh * rename eslint config package * update gh vars * rename envs * set emtpy array to related posts * fix lint-staged * prevent importing server envs on client * set limit --------- Co-authored-by: Felicio Mununga <felicio@users.noreply.github.com>
63 lines
1.5 KiB
JavaScript
63 lines
1.5 KiB
JavaScript
// eslint-disable-next-line eslint-comments/disable-enable-pair
|
|
/* eslint-disable @typescript-eslint/no-var-requires */
|
|
const { fontFamily } = require('tailwindcss/defaultTheme')
|
|
const colors = require('@status-im/colors')
|
|
const plugin = require('tailwindcss/plugin')
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./src/**/*.{js,ts,jsx,tsx,mdx}',
|
|
// './app/**/*.{js,ts,jsx,tsx,mdx}',
|
|
],
|
|
theme: {
|
|
fontFamily: {
|
|
sans: ['var(--font-inter)', ...fontFamily.sans],
|
|
},
|
|
colors: colors,
|
|
|
|
// use <Text /> from @status-im/components or arbitrary values
|
|
// fontSize: {},
|
|
fontWeight: {
|
|
regular: '400',
|
|
medium: '500',
|
|
semibold: '600',
|
|
bold: '700',
|
|
},
|
|
|
|
extend: {
|
|
transitionProperty: {
|
|
height: 'height',
|
|
},
|
|
|
|
keyframes: {
|
|
heightIn: {
|
|
from: { height: 0 },
|
|
// to: { height: 296 },
|
|
to: { height: 'var(--radix-navigation-menu-viewport-height)' },
|
|
},
|
|
heightOut: {
|
|
from: { height: 'var(--radix-navigation-menu-viewport-height)' },
|
|
// from: { height: 296 },
|
|
to: { height: 0 },
|
|
},
|
|
},
|
|
},
|
|
|
|
animation: {
|
|
heightIn: 'heightIn 250ms ease',
|
|
heightOut: 'heightOut 250ms ease',
|
|
},
|
|
},
|
|
plugins: [
|
|
require('tailwindcss-animate'),
|
|
plugin(({ matchUtilities }) => {
|
|
matchUtilities({
|
|
perspective: value => ({
|
|
perspective: value,
|
|
}),
|
|
})
|
|
}),
|
|
],
|
|
}
|