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

1 vote139 views1 answer
Add image to div in css
CSS
19 votes120 views3 answers
Css stop scrollbar
CSS
8 votes123 views2 answers
Css background image full screen responsive
CSS
0 vote117 views1 answer
Flexbox 3 columns
CSS
0 vote113 views1 answer
Margin not working on inline elements
CSS
0 vote115 views1 answer
Css notes
CSS
1 vote146 views1 answer
Twig block
CSS
-1 vote108 views1 answer
Purge tailwind css
CSS
0 vote119 views1 answer
Css flex add second row
CSS
37 votes122 views3 answers
Css selector first level child
CSS