Clean up styles in with-tailwindcss example (#12458)
This commit is contained in:
parent
0c8a4017a8
commit
5e80999c04
3 changed files with 10 additions and 18 deletions
|
@ -14,9 +14,9 @@ export default function Nav() {
|
|||
<a className="text-blue-500 no-underline">Home</a>
|
||||
</Link>
|
||||
</li>
|
||||
<ul className="flex justify-between items-center">
|
||||
<ul className="flex justify-between items-center space-x-4">
|
||||
{links.map(({ href, label }) => (
|
||||
<li key={`${href}${label}`} className="ml-4">
|
||||
<li key={`${href}${label}`}>
|
||||
<a href={href} className="btn-blue no-underline">
|
||||
{label}
|
||||
</a>
|
||||
|
|
|
@ -1,3 +0,0 @@
|
|||
.btn-blue {
|
||||
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
|
@ -1,23 +1,18 @@
|
|||
@import './button.css';
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
.btn-blue {
|
||||
@apply bg-blue-500 text-white font-bold py-2 px-4 rounded;
|
||||
}
|
||||
|
||||
.hero {
|
||||
width: 100%;
|
||||
color: #333;
|
||||
@apply py-20;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
padding-top: 80px;
|
||||
@apply text-5xl text-center;
|
||||
color: #333;
|
||||
line-height: 1.15;
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
.title,
|
||||
.description {
|
||||
text-align: center;
|
||||
}
|
||||
@tailwind utilities;
|
||||
|
|
Loading…
Reference in a new issue