The Instagram bio is definitely the place where unique Instagram fonts shine. If you’re wondering how to change the font in your Instagram bio, it’s really easy – especially with the feature built into Tailwind’sInstagram scheduling tool! You’ll need to change the font on your Instagram...
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"'], ...
"tailwindcss": "^3.1.8", "typescript": "^4.8.4", "web-vitals": "^2.1.4" }6 changes: 6 additions & 0 deletions 6 postcss.config.js Original file line numberDiff line numberDiff line change @@ -0,0 +1,6 @@ module.exports = { plugins: { tailwindcss: {}, autoprefixer: {...
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: ...
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 Level 3 Seydina OP Posted 11 months...
.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 par...
" 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)...
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...