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

18 votes168 views5 answers
Col-md-6 bootstrap
CSS
72 votes167 views6 answers
Absolute position center
CSS
0 vote175 views1 answer
Bootstrap progress bar animation not working
CSS
0 vote176 views1 answer
Disable text higlighting css
CSS
37 votes173 views3 answers
Css selector first level child
CSS
0 vote199 views1 answer
Set default rem css
CSS
0 vote169 views1 answer
Flex fill space
CSS
1 vote212 views1 answer
How to remove image using css
CSS
4 votes169 views1 answer
Checkbox input in css
CSS
7 votes161 views6 answers
Tailwind css cdn
CSS