font-size:22px; 2 changes: 1 addition & 1 deletion2tailwind.config.js Original file line numberDiff line numberDiff line change @@ -5,7 +5,7 @@ module.exports = { content:["./src/**/*.tsx"], theme:{ fontFamily:{ body:['"Paytone One","ZCOOL KuaiLe"'], ...
cargo watch -x run --shell "npx tailwindcss -i ./input.css -o ./out/output.css && cargo run" & \x1b[93m#[Para ejecutar o correr los archivos estáticos de tu sitio web localmente]\x1b[0m miniserve -- out --index index.html' ''; }; }; }4 changes: 2 additions & 2 deleti...
In CSS, you can change the line spacing of a text using theline-heightproperty. It's used to set the distance between lines of text. You can exactly do the same in Tailwind CSS using theleadingproperty. Here are some examples of how to use theleadingproperty: ...
You can use the disabled css prefix https://tailwindcss.com/docs/hover-focus-and-other-states#disabled Copy <button class="inline-flex items-center px-6 py-2 bg-blue-500 disabled:bg-gray-300 border border-transparent rounded-md font-bold text-gray-400 tracking-widest" 0...
.message, .heads-up { border: 1px solid black; } .info, .heads-up { font-size: 1.5rem; } ⚠️ Heads up!Because Sass doesn’t know the details of the HTML the CSS is going to style, any @extend might need to generate extra selectors that won’t apply to your HTML in particu...
" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>TailwindCSS<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_I5OW"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l...
2 changes: 1 addition & 1 deletion 2 tailwind.config.js Original file line numberDiff line numberDiff line change @@ -22,7 +22,7 @@ module.exports = { 14: '3.5rem', }, fontFamily: { sans: ['var(--font-inter)', ...fontFamily.sans], sans: ['var(--font-space-grotesk)',...
tailwindcss: {}, autoprefixer: {}, }, }4 changes: 4 additions & 0 deletions 4 prettier.config.js Original file line numberDiff line numberDiff line change @@ -0,0 +1,4 @@ /* eslint-disable no-undef */ module.exports = { plugins: [require('prettier-plugin-tailwindcss')] };7...
[TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)  : Utility-first CSS framework for rapid UI development. - 💎 [Shadcn UI](https://shadcn.dev/): UI components for React with a focus on accessibility. - <span style="background-color:#1e90ff;color:white;padding:1px 3px;border-radius:...