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

0 vote275 views1 answer
Css center modal vertically
CSS
0 vote277 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote253 views1 answer
How to install tailwind css in html
CSS
3 votes257 views1 answer
Css visibility transition
CSS
1 vote264 views1 answer
How to make a relative div not take up space
CSS
3 votes269 views1 answer
Input backgound color
CSS
1 vote267 views1 answer
Centering items in react css
CSS
1 vote218 views1 answer
Python 'charmap' codec can't decode byte
CSS
1 vote271 views1 answer
Insert background image css error
CSS
21 votes261 views3 answers
How to create a circle with css
CSS