mirror of
https://github.com/terribleplan/next.js.git
synced 2024-01-19 02:48:18 +00:00
f7477a9e2e
Without `@tailwind components;` plugins (like container which is added by default) will not work. See: https://github.com/tailwindcss/tailwindcss/issues/446#issuecomment-378792892 for details
57 lines
741 B
CSS
57 lines
741 B
CSS
@import "./button.css";
|
|
|
|
@tailwind preflight;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.hero {
|
|
width: 100%;
|
|
color: #333;
|
|
}
|
|
|
|
.title {
|
|
margin: 0;
|
|
width: 100%;
|
|
padding-top: 80px;
|
|
line-height: 1.15;
|
|
font-size: 48px;
|
|
}
|
|
|
|
.title, .description {
|
|
text-align: center;
|
|
}
|
|
|
|
.row {
|
|
max-width: 880px;
|
|
margin: 80px auto 40px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
.card {
|
|
padding: 18px 18px 24px;
|
|
width: 220px;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
color: #434343;
|
|
border: 1px solid #9B9B9B;
|
|
}
|
|
|
|
.card:hover {
|
|
border-color: #067df7;
|
|
}
|
|
|
|
.card h3 {
|
|
margin: 0;
|
|
color: #067df7;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.card p {
|
|
margin: 0;
|
|
padding: 12px 0 0;
|
|
font-size: 13px;
|
|
color: #333;
|
|
}
|