Tailwind @apply

@tailwind base;

@tailwind components;

.btn-blue {
  @apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
}
.btn-blue:hover {
  @apply bg-blue-700;
}

@tailwind utilities;

Source: tailwindcss.com

Similar codes

0 vote300 views1 answer
Text change animation css
CSS
2 votes306 views1 answer
Change font size in textarea html
CSS
1 vote312 views1 answer
How to write css like a pro
CSS
0 vote286 views1 answer
Animation not hover out
CSS
1 vote303 views1 answer
Margin clickable
CSS
1 vote283 views1 answer
Border bottom under text only
CSS
0 vote299 views1 answer
Fix scroll css position sticky
CSS
6 votes287 views3 answers
Equivalent zoom css
CSS
0 vote304 views1 answer
Media queries in scss
CSS
0 vote267 views2 answers
Split pane border css ionic
CSS