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

35 votes171 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS
0 vote133 views1 answer
Remove svg border
CSS
-1 vote176 views4 answers
Center li in ul css
CSS
1 vote201 views2 answers
How to make background more darker with css
CSS
0 vote189 views1 answer
Css radio button size
CSS
0 vote171 views1 answer
Mac input shadow
CSS
1 vote226 views1 answer
Make web page float to center of page
CSS
0 vote197 views1 answer
Ion-split-pane width
CSS
3 votes248 views9 answers
Bootstrap 5
CSS
0 vote173 views1 answer
Css content from data attribute
CSS