diff --git a/.eslintrc.cjs b/.eslintrc.cjs index 188b35f3..a55524d1 100644 --- a/.eslintrc.cjs +++ b/.eslintrc.cjs @@ -7,7 +7,7 @@ module.exports = { 'plugin:jest/recommended', 'prettier' ], - plugins: ['svelte3', 'jest', '@typescript-eslint'], + plugins: ['svelte3', 'jest', 'tailwindcss', '@typescript-eslint'], ignorePatterns: ['docs/*', '*.cjs', 'snapshots.js'], overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }], settings: { diff --git a/package.json b/package.json index f5740df7..e3093b82 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "eslint-plugin-jest": "^24.3.6", "eslint-plugin-postcss-modules": "^1.2.1", "eslint-plugin-svelte3": "^3.2.0", + "eslint-plugin-tailwindcss": "^1.8.0", "husky": "^6.0.0", "jest": "^26.6.3", "lint-staged": "^11.0.0", diff --git a/src/app.postcss b/src/app.postcss index b5c61c95..dadf9215 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -1,3 +1,11 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.nav-btn { + @apply lg:p-2 py-3 px-0 block border-b-2 border-transparent hover:border-white; +} + +.btn { + @apply bg-indigo-500 hover:bg-indigo-700 rounded px-4 shadow; +} diff --git a/src/lib/components/card/card.svelte b/src/lib/components/card/card.svelte index 5847f57b..f76a86fb 100644 --- a/src/lib/components/card/card.svelte +++ b/src/lib/components/card/card.svelte @@ -1,6 +1,5 @@