If you want to retain the existing font stack and just want to put your font into it, add atheme.fontFamilysection with your font first and then including the default font-stack from thedefaultTheme.fontFamilyas follows: /* In your tailwind.config.js */ const defaultTheme = require('tail...
@tailwind base; @tailwind components; @tailwind utilities; @font-face { font-family: RubikBold; src: url("../public//font//Rubik-Bold.ttf"); } @font-face { font-family: RubikExtraBold; src: url("../public//font//Rubik-ExtraBold.ttf"); } @font-face { font-family: RubikLight; sr...
"engines": {"node":">=20"},"scripts": {"dev":"vite dev","build":"vite build","clean":"rimraf dist","lint":"eslint --fix .","preview":"vite preview","pre":"prettier . --write"},"dependencies": {"@fontsource/lxgw-wenkai":"^5.1.0","@fortawesome/font...
[TailwindCSS](https://tailwindcss.com/) is required to use this CSS, because we will use a [custom variant](https://tailwindcss.com/docs/plugins#adding-variants) to limit the glow effect to the overlay. In your `tailwind.config.js` file, add this plugin: ```js const plugin = ...
There are cases when we want to accept `class` as a prop in our `shadcn/vue` component and then combine it with a default tailwind class on our `radix-vue` component via `cn` utility function. In these cases, we can not use `v-bind`, because this would lead in [double class bin...
tailwind.config.cjs 15 changes: 15 additions & 0 deletions 15 client/src/lib/components/Header.svelte Original file line numberDiff line numberDiff line change @@ -0,0 +1,15 @@ <header> <nav class="border-gray-200 px-4 lg:px-6 py-2.5 bg-light"> <div class="flex flex-wrap ...
116 changes: 115 additions & 1 deletion 116 tailwind.config.ts Original file line numberDiff line numberDiff line change @@ -1,5 +1,7 @@ import type {Config} from "tailwindcss" const colors = require('tailwindcss/colors'); const config = { darkMode: ["class"], content: [ @@ -...
import { Inter } from 'next/font/google'; import Navbar from '@/components/nav/navbar'; import { envSchema } from '@/config/env.config'; import { ThemeProvider } from '@/providers/theme-provider'; import SessionProvider from '@/providers/session-provider'; import { TanstackProvider } ...
tailwind.config.js 11 changes: 5 additions & 6 deletions 11 src/components/FlightCard.tsx Original file line numberDiff line numberDiff line change @@ -2,24 +2,23 @@ import { Button, Card, Image, Space } from "@mantine/core" import { IconArrowRight } from "@tabler/icons" import ...
"extends": ["stylelint-config-standard"], "plugins": ["stylelint-scss", "stylelint-csstree-validator"], "rules": { "at-rule-no-unknown": [ true, { "ignoreAtRules": [ "tailwind", "apply", "variants", "responsive", "screen" ] } ], "scss/at-rule-no-unknown": [ true, { ...