Add new class in tailwind css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .btn-blue {
    @apply py-2 px-4 bg-blue-500 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-400 focus:ring-opacity-75;
  }
}

Source: tailwindcss.com

Similar codes

59 votes327 views6 answers
Remove underline from link css
CSS
0 vote352 views1 answer
Mat dialog background color
CSS
0 vote355 views1 answer
Css elementos
CSS
0 vote435 views1 answer
Css only if both classes
CSS
0 vote327 views1 answer
Target element pseudo-classes
CSS
0 vote316 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
0 vote328 views1 answer
Css blur background behind div
CSS
0 vote313 views1 answer
Horizontal rule plus text
CSS
0 vote316 views1 answer
Unable to select text in website css cursor type
CSS
1 vote337 views1 answer
How do center using margin
CSS