background: linear-gradient( to bottom, transparent, rgb(var(--background-end-rgb)) ) rgb(var(--background-start-rgb)); } @layer utilities { .text-balance { text-wrap: balance; } } 112 changes: 4 additions & 108 deletions 112 src/app/page.tsx Original file line numberDiff line ...
(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} - -@layer utilities { - .text-balance { - text-wrap: balance; - } -} +@tailwind utilities; \ No newline at end...
If you want to support our friends from TW Elements you can also check out theTailwind textareadocumentation. Access restricted To view this section you must have an active PRO account Log into your account orpurchase an MDB5 PRO subscriptionif you don't have one. ...
Input with gradient-border The background animation is a combination of two linear gradients and an SVG image. The linear gradients are set to move from left to right using the keyframes animation. The SVG image is a pattern of circles and lines. The input field have a gradient background ...
+ "tailwindcss": "^2.0.2", "ts-loader": "^8.0.11", "typescript": "^4.1.2" }, @@ -141,14 +143,17 @@ "@types/react-redux": "^7.1.7", "@types/react-transition-group": "^4.2.4", "@types/styled-components": "^5.0.1", + "css-loader": "^5.0.1", "electron": "^...
: string; } const LIGHT_GRADIENT_START = '#CCCCCC'; @@ -11,9 +12,9 @@ const LIGHT_GRADIENT_END = '#FFFFFF'; const DARK_GRADIENT_START = '#22283B'; const DARK_GRADIENT_END = '#555B6E'; -export const Logo = ({ isDark, onClick }: IProps) => ( +export const Logo = ...