If you do it like he mentioned, none of the maxWidth values will work, except the values in the configuration. If you want to just extend the base maxWidth values (provided by tailwind), you have to put the configuration inside the extend section like so: // tailwind.config.js modu...
I cannot get this gradient to work. (I'm only using tailwindCSS, no JS library). I've used the code Snippet in CodePen and everything works fine. Here is the snippet:
Medic 🚑 is a minimal Tailwind Plugin that brings consistent, cross-breakpoint utilities to your applications. No need to set random padding and margin values, Medic's ergonomic API (stuff like p-layout) makes it easy to create consistent layouts across your application. Medic 🚑 is built ...
@tailwind components; @tailwind utilities; @import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"); html { overflow: hidden; /* overflow: hidden; */ height: 100%; } body { over...
render(<Sidebar />); tailwind.config = { theme: { extend: { colors: { 'main-gray': 'gray', 'off-white': 'beige', }, }, }, };
"> <!-- Tailwind style search for key results / objectives --> <Magnify width={20} height={20} /> Quick search... #drawflow { position: relative; border: 1px solid green; } :global(.drawflow) { user-select: none; } :global(.drawflow_content_node) { /*border: 1px solid ...
import { twMerge } from "tailwind-merge"; export const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs)); export const CustomNodeOne: FC<NodeProps<any>> = (props) => { const { id, selected, width, height, data } = props; ...
<Footer>Footer</Footer> <Modal>Modal</Modal> Share Improve this answer Follow answered Aug 10 at 7:47 Wongjn 21.2k33 gold badges1515 silver badges3535 bronze badges Add a comment Your Answer Post
"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0: name string-width-cjs version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62Er...
{ + "@types/node": "^18.0.3", + "@types/react": "^18.0.15", + "@types/react-dom": "^18.0.6", + "tailwindcss": "^3.3.3", + "typescript": "^5.2.2" + }, + "dependencies": { + "classnames": "^2.3.1", + "next": "^13.4.19", + "react": "^18.2.0", + ...