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

2 votes140 views2 answers
How to disable pinch zoom on website for mobile devices
CSS
0 vote143 views2 answers
Background shrinks when responsive
CSS
19 votes175 views2 answers
How to customize placeholder css
CSS
17 votes109 views1 answer
Have you used flexbox & css grid before? what are the differences between them? interview
CSS
0 vote139 views1 answer
Exclude html content when print
CSS
2 votes151 views1 answer
Css click event jquery
CSS
22 votes135 views4 answers
Import font css from url
CSS
7 votes138 views2 answers
Disable bullets in ul
CSS
0 vote137 views1 answer
Remove Title spacing
CSS
0 vote143 views1 answer
Flex fill space
CSS