The options are based on Tailwind's spacing scale - https://tailwindcss.com/docs/max-width Marked as answer 1 9 replies Show 4 previous replies madushancs Jan 30, 2024 How can I set the Relation Manager create/edit modal width?madushancs Jan 30, 2024 ...
Tailwind CSS - Sizing Tailwind CSS - Width Tailwind CSS - Min-Width Tailwind CSS - Max-Width Tailwind CSS - Height Tailwind CSS - Min-Height Tailwind CSS - Max-Height Tailwind CSS - Size Tailwind CSS - Typography Tailwind CSS - Font Family Tailwind CSS - Font Size Tailwind CSS - Font Sm...
marginBottom: theme("spacing.20"), borderTopWidth: "1px", borderColor: "var(--tw-prose-hr)", "@screen lg": { marginLeft: `calc(${theme("spacing.12")} * -1)`, marginRight: `calc(${theme("spacing.12")} * -1)`, }, },// Tables table: { width: "100%", ...
Max-Width Height Min-Height Max-Height Typography Font Family Font Size Font Smoothing Font Style Font Weight Font Variant Numeric Letter Spacing Line Height List Style Type List Style Position Placeholder Color Placeholder Opacity Text Align
30.max-w-180-pxmax-width: 180px; 31.max-w-200-pxmax-width: 200px; 32.max-w-210-pxmax-width: 210px; 33.max-w-580-pxmax-width: 580px; 34.min-w-48min-width: 12rem; 35.min-w-140-pxmin-width: 140px; 36.bg-fullbackground-size: 100%;...
img, picture, video, canvas, svg{display:block;max-width:100%;} Good move for a CSS reset. Theblockdisplay type there prevents those annoyingline-heightgaps that always kill me. And you almost never want any of these media blocks to be wider than the parent. I somehow don’t thinkpictu...
@tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .container { width: 100%; max-width: 1500px; } } This DOES work (created as a plugin inside tailwind.config.js): const plugin = require('tailwindcss/plugin') const pxToRem = (px, base = 16) => `${px ...
()->maxWidth(50), Text::make('Name') ->sortable() ->rules('required', 'max:255'), Text::make('Email') ->sortable() ->rules('required', 'email', 'max:254') ->creationRules('unique:users,email') ->updateRules('unique:users,email,{{resourceId}}'), Password::make('Password'...
rcs-custom-scrollbar - this class styles the container of the scroll handle, you can use it if your handle width is greater than the default. rcs-inner-handle - this class styles the handle itself, you can use it to change the color, background, border and such of the handle ...
@tailwind base; @tailwind components; @tailwind utilities; * { margin: 0; padding: 0; box-sizing: border-box; } body { color: white; width: 100dvw; overflow-x: hidden; height: 100%; background: #000; border-color: #3b3b3b; user-select: none; } canvas { touch-action: none; }...