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 vote158 views1 answer
Set height to width css
CSS
0 vote227 views1 answer
.txt:hover { text-decoration: underline; }
CSS
0 vote162 views2 answers
COMENTARIOS EN CSS
CSS
5 votes147 views2 answers
Scss hover
CSS
2 votes112 views1 answer
Xpath vs css selector
CSS
0 vote159 views1 answer
Css selector data-entity-type
CSS
39 votes120 views1 answer
AppData\Roaming\npm\react-native.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
6 votes185 views6 answers
Css text highlight
CSS
22 votes190 views2 answers
Rgb gold color
CSS
0 vote157 views1 answer
Css 2 images side by side to stack
CSS