mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
78 lines
1.0 KiB
CSS
78 lines
1.0 KiB
CSS
.container {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"nav"
|
|
"header"
|
|
"main"
|
|
"footer";
|
|
grid-template-rows: auto auto 1fr 36px;
|
|
align-items: center;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.logo {
|
|
height: 40vmin;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.header {
|
|
grid-area: header;
|
|
}
|
|
|
|
.main {
|
|
grid-area: main;
|
|
}
|
|
|
|
.header,
|
|
.main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer {
|
|
grid-area: footer;
|
|
justify-self: center;
|
|
}
|
|
|
|
.nav {
|
|
grid-area: nav;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 8px;
|
|
padding: 8px;
|
|
font-size: calc(10px + 2vmin);
|
|
}
|
|
|
|
.link:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.link {
|
|
color: #704cb6;
|
|
}
|
|
|
|
.link.active {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: no-preference) {
|
|
.logo {
|
|
animation: logo-float infinite 3s ease-in-out;
|
|
}
|
|
}
|
|
|
|
@keyframes logo-float {
|
|
0% {
|
|
transform: translateY(0);
|
|
}
|
|
50% {
|
|
transform: translateY(10px);
|
|
}
|
|
100% {
|
|
transform: translateY(0px);
|
|
}
|
|
}
|