chore: update prettier to 3.2.5 (#65092)
This commit is contained in:
parent
531348d864
commit
64b718c661
241 changed files with 3280 additions and 2578 deletions
|
@ -447,29 +447,32 @@ async function getTestResultDiffBase(
|
|||
|
||||
// Find the latest test result tree, iterate results file names to find out the latest one.
|
||||
// Filename follow ${yyyyMMddHHmm}-${sha}.json format.
|
||||
const actualTestResultTree = testResultJsonTree.reduce((acc, value) => {
|
||||
const dateStr = value.path?.split('-')[0].match(/(....)(..)(..)(..)(..)/)
|
||||
const actualTestResultTree = testResultJsonTree.reduce(
|
||||
(acc, value) => {
|
||||
const dateStr = value.path?.split('-')[0].match(/(....)(..)(..)(..)(..)/)
|
||||
|
||||
if (!dateStr || dateStr.length < 5) {
|
||||
return acc
|
||||
}
|
||||
|
||||
const date = new Date(
|
||||
dateStr![1] as any,
|
||||
(dateStr![2] as any) - 1,
|
||||
dateStr![3] as any,
|
||||
dateStr![4] as any,
|
||||
dateStr![5] as any
|
||||
)
|
||||
if (!acc) {
|
||||
return {
|
||||
date,
|
||||
value,
|
||||
if (!dateStr || dateStr.length < 5) {
|
||||
return acc
|
||||
}
|
||||
}
|
||||
|
||||
return acc.date >= date ? acc : { date, value }
|
||||
}, null as any as { date: Date; value: (typeof testResultJsonTree)[0] })
|
||||
const date = new Date(
|
||||
dateStr![1] as any,
|
||||
(dateStr![2] as any) - 1,
|
||||
dateStr![3] as any,
|
||||
dateStr![4] as any,
|
||||
dateStr![5] as any
|
||||
)
|
||||
if (!acc) {
|
||||
return {
|
||||
date,
|
||||
value,
|
||||
}
|
||||
}
|
||||
|
||||
return acc.date >= date ? acc : { date, value }
|
||||
},
|
||||
null as any as { date: Date; value: (typeof testResultJsonTree)[0] }
|
||||
)
|
||||
|
||||
if (!actualTestResultTree || !actualTestResultTree?.value?.sha) {
|
||||
console.log('There is no test results json stored in the base yet')
|
||||
|
|
|
@ -106,8 +106,8 @@ module.exports = async function addComment(
|
|||
? '⚠️ '
|
||||
: ''
|
||||
: change > 0
|
||||
? '⚠️ '
|
||||
: ''
|
||||
? '⚠️ '
|
||||
: ''
|
||||
change = `${warn}${change < 0 ? '-' : '+'}${
|
||||
useRawValue ? absChange : prettify(absChange, prettyType)
|
||||
}`
|
||||
|
|
|
@ -10,11 +10,9 @@ function loadStatsConfig() {
|
|||
for (const configPath of allowedConfigLocations) {
|
||||
try {
|
||||
relativeStatsAppDir = configPath
|
||||
statsConfig = require(path.join(
|
||||
diffRepoDir,
|
||||
configPath,
|
||||
'stats-config.js'
|
||||
))
|
||||
statsConfig = require(
|
||||
path.join(diffRepoDir, configPath, 'stats-config.js')
|
||||
)
|
||||
break
|
||||
} catch (err) {
|
||||
if (err.code !== 'MODULE_NOT_FOUND') {
|
||||
|
|
|
@ -4,7 +4,6 @@
|
|||
_next/
|
||||
__tmp__/
|
||||
dist/
|
||||
node_modules/
|
||||
target/
|
||||
compiled/
|
||||
|
||||
|
@ -19,6 +18,14 @@ packages/next/src/bundles/webpack/packages/lazy-compilation-*.js
|
|||
|
||||
packages/next-swc/crates/**/tests/**/output*
|
||||
packages/next-swc/crates/core/tests/loader/issue-32553/input.js
|
||||
# prettier destroys the directives here
|
||||
packages/next-swc/crates/next-custom-transforms/tests/errors/react-server-components/client-graph/use-client/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/errors/react-server-components/server-graph/fake-client-entry/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/errors/server-actions/server-graph/8/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/errors/server-actions/server-graph/9/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/fixture/optimize-barrel/normal/4/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/fixture/react-server-components/client-graph/client-entry/input.js
|
||||
packages/next-swc/crates/next-custom-transforms/tests/fixture/react-server-components/server-graph/client-entry/input.js
|
||||
packages/next-swc/native/**/*
|
||||
packages/next-swc/docs/assets/**/*
|
||||
|
||||
|
|
|
@ -1,17 +0,0 @@
|
|||
**/.next/**
|
||||
**/_next/**
|
||||
**/dist/**
|
||||
packages/next-swc/crates/**
|
||||
packages/next/src/compiled/**/*
|
||||
packages/next/bundles/webpack/packages/*.runtime.js
|
||||
lerna.json
|
||||
packages/next-codemod/transforms/__testfixtures__/**/*
|
||||
packages/next-codemod/transforms/__tests__/**/*
|
||||
test/development/basic/hmr/components/parse-error.js
|
||||
pnpm-lock.yaml
|
||||
.github/actions/validate-docs-links/lib/index.js
|
||||
.github/actions/needs-triage/index.js
|
||||
.github/actions/*/index.mjs
|
||||
**/convex/_generated/**
|
||||
test/lib/amp-validator-wasm.js
|
||||
test/production/pages-dir/production/fixture/amp-validator-wasm.js
|
|
@ -10,11 +10,9 @@ const path = require('path')
|
|||
const appDir = process.cwd()
|
||||
const distDir = '.next'
|
||||
|
||||
const compiledConfig = require(path.join(
|
||||
appDir,
|
||||
distDir,
|
||||
'required-server-files.json'
|
||||
)).config
|
||||
const compiledConfig = require(
|
||||
path.join(appDir, distDir, 'required-server-files.json')
|
||||
).config
|
||||
|
||||
process.chdir(appDir)
|
||||
|
||||
|
|
|
@ -51,7 +51,9 @@
|
|||
border-radius: var(--border-radius);
|
||||
background: rgba(var(--card-rgb), 0);
|
||||
border: 1px solid rgba(var(--card-border-rgb), 0);
|
||||
transition: background 200ms, border 200ms;
|
||||
transition:
|
||||
background 200ms,
|
||||
border 200ms;
|
||||
}
|
||||
|
||||
.card span {
|
||||
|
|
|
@ -1,5 +1,8 @@
|
|||
.hello {
|
||||
font: 15px Helvetica, Arial, sans-serif;
|
||||
font:
|
||||
15px Helvetica,
|
||||
Arial,
|
||||
sans-serif;
|
||||
background: #eee;
|
||||
padding: 100px;
|
||||
text-align: center;
|
||||
|
|
|
@ -15,12 +15,30 @@
|
|||
}
|
||||
|
||||
body {
|
||||
font-family: "Inter var", system-ui, -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family:
|
||||
"Inter var",
|
||||
system-ui,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
"Noto Sans",
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
font-feature-settings: "case" 1, "cpsp" 1, "dlig" 1, "cv01" 1, "cv02",
|
||||
"cv03" 1, "cv04" 1;
|
||||
font-feature-settings:
|
||||
"case" 1,
|
||||
"cpsp" 1,
|
||||
"dlig" 1,
|
||||
"cv01" 1,
|
||||
"cv02",
|
||||
"cv03" 1,
|
||||
"cv04" 1;
|
||||
font-variation-settings: "wght" 450;
|
||||
font-variant: common-ligatures contextual;
|
||||
letter-spacing: -0.02em;
|
||||
|
|
|
@ -7,7 +7,8 @@ Author: lineicons.com
|
|||
@font-face {
|
||||
font-family: "LineIcons";
|
||||
src: url("fonts/LineIcons.eot");
|
||||
src: url("fonts/LineIcons.eot") format("embedded-opentype"),
|
||||
src:
|
||||
url("fonts/LineIcons.eot") format("embedded-opentype"),
|
||||
url("fonts/LineIcons.woff2") format("woff2"),
|
||||
url("fonts/LineIcons.woff") format("woff"),
|
||||
url("fonts/LineIcons.ttf") format("truetype"),
|
||||
|
|
12
examples/cms-buttercms/css/tiny-slider.min.css
vendored
12
examples/cms-buttercms/css/tiny-slider.min.css
vendored
|
@ -49,9 +49,15 @@
|
|||
.tns-gallery > .tns-item {
|
||||
position: absolute;
|
||||
left: -100%;
|
||||
-webkit-transition: transform 0s, opacity 0s;
|
||||
-moz-transition: transform 0s, opacity 0s;
|
||||
transition: transform 0s, opacity 0s;
|
||||
-webkit-transition:
|
||||
transform 0s,
|
||||
opacity 0s;
|
||||
-moz-transition:
|
||||
transform 0s,
|
||||
opacity 0s;
|
||||
transition:
|
||||
transform 0s,
|
||||
opacity 0s;
|
||||
}
|
||||
.tns-gallery > .tns-slide-active {
|
||||
position: relative;
|
||||
|
|
|
@ -92,8 +92,8 @@ export async function getPostAndMorePosts(
|
|||
const entry = await fetchGraphQL(
|
||||
`query {
|
||||
postCollection(where: { slug: "${slug}" }, preview: ${
|
||||
preview ? "true" : "false"
|
||||
}, limit: 1) {
|
||||
preview ? "true" : "false"
|
||||
}, limit: 1) {
|
||||
items {
|
||||
${POST_GRAPHQL_FIELDS}
|
||||
}
|
||||
|
@ -104,8 +104,8 @@ export async function getPostAndMorePosts(
|
|||
const entries = await fetchGraphQL(
|
||||
`query {
|
||||
postCollection(where: { slug_not_in: "${slug}" }, order: date_DESC, preview: ${
|
||||
preview ? "true" : "false"
|
||||
}, limit: 2) {
|
||||
preview ? "true" : "false"
|
||||
}, limit: 2) {
|
||||
items {
|
||||
${POST_GRAPHQL_FIELDS}
|
||||
}
|
||||
|
|
|
@ -89,7 +89,7 @@ export async function getStaticPaths() {
|
|||
params: {
|
||||
slug,
|
||||
},
|
||||
} || []),
|
||||
}) || [],
|
||||
),
|
||||
fallback: false,
|
||||
};
|
||||
|
|
|
@ -32,8 +32,8 @@ export const getStaticProps: GetStaticProps = async (context) => {
|
|||
typeof catchall === "string"
|
||||
? catchall
|
||||
: Array.isArray(catchall)
|
||||
? `/${catchall.join("/")}`
|
||||
: "/";
|
||||
? `/${catchall.join("/")}`
|
||||
: "/";
|
||||
const plasmicData = await PLASMIC.maybeFetchComponentData(plasmicPath);
|
||||
if (!plasmicData) {
|
||||
// This is some non-Plasmic catch-all page
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -22,7 +22,9 @@
|
|||
border: 1px solid $tt-dropdown-border;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
|
||||
box-shadow:
|
||||
0 3px 8px 0 rgba(0, 0, 0, 0.2),
|
||||
0 0 0 1px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.tt-suggestion {
|
||||
padding: 4px 10px;
|
||||
|
|
|
@ -37,11 +37,14 @@ export class SitecorePagePropsFactory {
|
|||
): Promise<SitecorePageProps> {
|
||||
const extendedProps = await (Object.values(plugins) as Plugin[])
|
||||
.sort((p1, p2) => p1.order - p2.order)
|
||||
.reduce(async (result, plugin) => {
|
||||
const props = await result;
|
||||
const newProps = await plugin.exec(props, context);
|
||||
return newProps;
|
||||
}, Promise.resolve({} as SitecorePageProps));
|
||||
.reduce(
|
||||
async (result, plugin) => {
|
||||
const props = await result;
|
||||
const newProps = await plugin.exec(props, context);
|
||||
return newProps;
|
||||
},
|
||||
Promise.resolve({} as SitecorePageProps),
|
||||
);
|
||||
|
||||
return extendedProps;
|
||||
}
|
||||
|
|
|
@ -4,9 +4,8 @@ async function fetchAPI(query = "", { variables }: Record<string, any> = {}) {
|
|||
const headers = { "Content-Type": "application/json" };
|
||||
|
||||
if (process.env.WORDPRESS_AUTH_REFRESH_TOKEN) {
|
||||
headers[
|
||||
"Authorization"
|
||||
] = `Bearer ${process.env.WORDPRESS_AUTH_REFRESH_TOKEN}`;
|
||||
headers["Authorization"] =
|
||||
`Bearer ${process.env.WORDPRESS_AUTH_REFRESH_TOKEN}`;
|
||||
}
|
||||
|
||||
// WPGraphQL Plugin must be enabled
|
||||
|
|
|
@ -1,7 +1,19 @@
|
|||
body {
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family:
|
||||
ui-sans-serif,
|
||||
system-ui,
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
"Noto Sans",
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
color: rgba(60, 66, 87, 1);
|
||||
margin: 0;
|
||||
}
|
||||
|
|
|
@ -8,7 +8,9 @@ export default function Paragraph({ children }: ParagraphProps) {
|
|||
{children}
|
||||
<style jsx>{`
|
||||
p {
|
||||
font: 13px Helvetica, Arial;
|
||||
font:
|
||||
13px Helvetica,
|
||||
Arial;
|
||||
margin: 10px 0;
|
||||
}
|
||||
`}</style>
|
||||
|
|
|
@ -10,7 +10,9 @@ export default function Post({ title, children }: PostProps) {
|
|||
{children}
|
||||
<style jsx>{`
|
||||
.main {
|
||||
font: 15px Helvetica, Arial;
|
||||
font:
|
||||
15px Helvetica,
|
||||
Arial;
|
||||
border: 1px solid #eee;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
|
|
@ -67,8 +67,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -90,7 +97,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -1,7 +1,17 @@
|
|||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -25,7 +25,10 @@ const Clock = () => {
|
|||
padding: 15px;
|
||||
display: inline-block;
|
||||
color: #82fa58;
|
||||
font: 50px menlo, monaco, monospace;
|
||||
font:
|
||||
50px menlo,
|
||||
monaco,
|
||||
monospace;
|
||||
background-color: #000;
|
||||
}
|
||||
.light {
|
||||
|
|
|
@ -99,7 +99,9 @@ const Home = (props: Props) => {
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
@ -132,8 +134,17 @@ const Home = (props: Props) => {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -67,7 +67,9 @@
|
|||
min-height: 135px;
|
||||
border: 2px solid #fff;
|
||||
border-radius: 0.5em;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:empty {
|
||||
|
@ -89,18 +91,31 @@
|
|||
|
||||
background-repeat: repeat-y;
|
||||
|
||||
background-size: 100px 200px, /* circle */ 50px 200px,
|
||||
/* highlight */ 150px 200px, 350px 200px, 200px 200px;
|
||||
background-size:
|
||||
100px 200px,
|
||||
/* circle */ 50px 200px,
|
||||
/* highlight */ 150px 200px,
|
||||
350px 200px,
|
||||
200px 200px;
|
||||
|
||||
background-position: 0 0, /* circle */ 0 0, /* highlight */ 70px 36px,
|
||||
70px 58px, 70px 80px;
|
||||
background-position:
|
||||
0 0,
|
||||
/* circle */ 0 0,
|
||||
/* highlight */ 70px 36px,
|
||||
70px 58px,
|
||||
70px 80px;
|
||||
|
||||
animation: shine 1s infinite;
|
||||
}
|
||||
|
||||
@keyframes shine {
|
||||
to {
|
||||
background-position: 0 0, 100% 0, 70px 36px, 70px 58px, 70px 80px;
|
||||
background-position:
|
||||
0 0,
|
||||
100% 0,
|
||||
70px 36px,
|
||||
70px 58px,
|
||||
70px 80px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
line-height: 1.6;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
|
|
@ -92,8 +92,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -115,7 +122,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
|
|
@ -65,8 +65,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -86,7 +93,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -73,8 +73,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -95,7 +102,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -67,8 +67,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -89,7 +96,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -67,8 +67,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -89,7 +96,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -53,7 +53,9 @@
|
|||
border-radius: var(--border-radius);
|
||||
background: rgba(var(--card-rgb), 0);
|
||||
border: 1px solid rgba(var(--card-border-rgb), 0);
|
||||
transition: background 200ms, border 200ms;
|
||||
transition:
|
||||
background 200ms,
|
||||
border 200ms;
|
||||
}
|
||||
|
||||
.card span {
|
||||
|
|
|
@ -34,7 +34,9 @@ export const hoverStyles = css`
|
|||
color: white;
|
||||
background-color: lightgray;
|
||||
border-color: aqua;
|
||||
box-shadow: -15px -15px 0 0 aqua, -30px -30px 0 0 cornflowerblue;
|
||||
box-shadow:
|
||||
-15px -15px 0 0 aqua,
|
||||
-30px -30px 0 0 cornflowerblue;
|
||||
}
|
||||
`;
|
||||
export const bounce = keyframes`
|
||||
|
|
|
@ -43,9 +43,7 @@ export default async function GuestbookPage({
|
|||
</div>
|
||||
|
||||
<div className="mt-4 space-y-8 px-2">
|
||||
{entries?.map((entry) => (
|
||||
<EntryItem key={entry.id} entry={entry} />
|
||||
))}
|
||||
{entries?.map((entry) => <EntryItem key={entry.id} entry={entry} />)}
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
|
|
|
@ -20,8 +20,8 @@ function VisitorDataPresenter({
|
|||
{isLoading
|
||||
? "Loading..."
|
||||
: data
|
||||
? data.visitorId
|
||||
: "not established yet"}
|
||||
? data.visitorId
|
||||
: "not established yet"}
|
||||
</p>
|
||||
{data && (
|
||||
<>
|
||||
|
|
|
@ -130,8 +130,15 @@ export default function Home() {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
||||
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -152,7 +159,9 @@ export default function Home() {
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
@ -186,8 +195,17 @@ export default function Home() {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -67,8 +67,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -89,7 +96,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card h3 {
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -61,8 +61,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -81,7 +88,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -121,8 +121,15 @@ export default function Home() {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
||||
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -156,8 +163,17 @@ export default function Home() {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -53,7 +53,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -48,6 +58,13 @@ code {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
|
|
@ -53,7 +53,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -48,6 +58,13 @@ code {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
|
|
@ -66,8 +66,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -87,7 +94,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -179,8 +179,15 @@ export default function Home() {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
||||
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -202,7 +209,9 @@ export default function Home() {
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
@ -240,8 +249,17 @@ export default function Home() {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -33,9 +33,19 @@ const Layout = (props) => (
|
|||
body {
|
||||
margin: 0;
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
Noto Sans,
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
}
|
||||
.container {
|
||||
max-width: 42rem;
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -13,7 +13,10 @@ const Clock = observer(function Clock(props) {
|
|||
padding: 15px;
|
||||
color: #82fa58;
|
||||
display: inline-block;
|
||||
font: 50px menlo, monaco, monospace;
|
||||
font:
|
||||
50px menlo,
|
||||
monaco,
|
||||
monospace;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
|
|
|
@ -182,8 +182,15 @@ export default function Home({
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
||||
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -205,7 +212,9 @@ export default function Home({
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
@ -243,8 +252,17 @@ export default function Home({
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -5,8 +5,18 @@ export default css.global`
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
|
|
|
@ -32,7 +32,9 @@ function MyApp({ Component, pageProps }) {
|
|||
.page-transition-enter-active {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: opacity ${TIMEOUT}ms, transform ${TIMEOUT}ms;
|
||||
transition:
|
||||
opacity ${TIMEOUT}ms,
|
||||
transform ${TIMEOUT}ms;
|
||||
}
|
||||
.page-transition-exit {
|
||||
opacity: 1;
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -42,8 +52,15 @@ code {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -65,7 +82,9 @@ code {
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -61,8 +61,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -81,7 +88,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -6,9 +6,19 @@
|
|||
body {
|
||||
margin: 0;
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
Noto Sans,
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
}
|
||||
.container {
|
||||
max-width: 42rem;
|
||||
|
|
|
@ -22,9 +22,19 @@ const Layout = (props) => (
|
|||
body {
|
||||
margin: 0;
|
||||
color: #333;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji",
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
Arial,
|
||||
Noto Sans,
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
}
|
||||
.container {
|
||||
max-width: 42rem;
|
||||
|
|
|
@ -64,8 +64,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -85,7 +92,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -4,7 +4,10 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: "Source Code Pro", Courier New, monospace;
|
||||
font-family:
|
||||
"Source Code Pro",
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -8,12 +8,11 @@ export default class JssDocument extends Document {
|
|||
const originalRenderPage = ctx.renderPage;
|
||||
ctx.renderPage = () =>
|
||||
originalRenderPage({
|
||||
enhanceApp: (App) => (props) =>
|
||||
(
|
||||
<JssProvider registry={registry} generateId={generateId}>
|
||||
<App {...props} />
|
||||
</JssProvider>
|
||||
),
|
||||
enhanceApp: (App) => (props) => (
|
||||
<JssProvider registry={registry} generateId={generateId}>
|
||||
<App {...props} />
|
||||
</JssProvider>
|
||||
),
|
||||
});
|
||||
|
||||
const initialProps = await Document.getInitialProps(ctx);
|
||||
|
|
|
@ -25,7 +25,8 @@
|
|||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
|
||||
transition:
|
||||
box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),
|
||||
background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
white-space: nowrap;
|
||||
|
@ -100,18 +101,26 @@
|
|||
}
|
||||
._1ZxqC[disabled] {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
box-shadow:
|
||||
0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
._1ZxqC:active {
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
box-shadow:
|
||||
0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
._1ZxqC:focus:not(:active) {
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
|
||||
box-shadow:
|
||||
0 0 8px rgba(0, 0, 0, 0.18),
|
||||
0 8px 16px rgba(0, 0, 0, 0.36);
|
||||
}
|
||||
._221ic {
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
box-shadow:
|
||||
0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
._1jWAQ {
|
||||
|
@ -119,7 +128,9 @@
|
|||
}
|
||||
._3IRMZ {
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
|
||||
box-shadow:
|
||||
0 1px 1.5px 0 rgba(0, 0, 0, 0.12),
|
||||
0 1px 1px 0 rgba(0, 0, 0, 0.24);
|
||||
font-size: 24px;
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
|
@ -250,13 +261,20 @@
|
|||
opacity: 0.3;
|
||||
transition-property: -webkit-transform;
|
||||
transition-property: transform;
|
||||
transition-property: transform, -webkit-transform;
|
||||
transition-property:
|
||||
transform,
|
||||
-webkit-transform;
|
||||
}
|
||||
._3SV_u:not(._3O2Ue):not(._2OZWa) {
|
||||
opacity: 0;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property:
|
||||
opacity,
|
||||
-webkit-transform;
|
||||
transition-property: opacity, transform;
|
||||
transition-property: opacity, transform, -webkit-transform;
|
||||
transition-property:
|
||||
opacity,
|
||||
transform,
|
||||
-webkit-transform;
|
||||
}
|
||||
._2ISvI:not(.Cf3yF) > .x7MhN {
|
||||
cursor: pointer;
|
||||
|
@ -270,7 +288,9 @@
|
|||
._1VWY- {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
transition: opacity, font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition:
|
||||
opacity,
|
||||
font-size 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
._3K2Ws {
|
||||
display: block;
|
||||
|
@ -420,9 +440,14 @@
|
|||
._2bZap,
|
||||
.m5B3T {
|
||||
transition-duration: 350ms;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property:
|
||||
opacity,
|
||||
-webkit-transform;
|
||||
transition-property: transform, opacity;
|
||||
transition-property: transform, opacity, -webkit-transform;
|
||||
transition-property:
|
||||
transform,
|
||||
opacity,
|
||||
-webkit-transform;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
.Rk89h {
|
||||
|
@ -449,9 +474,14 @@
|
|||
.bGml_ {
|
||||
position: absolute;
|
||||
transition-duration: 0.35s;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property:
|
||||
opacity,
|
||||
-webkit-transform;
|
||||
transition-property: transform, opacity;
|
||||
transition-property: transform, opacity, -webkit-transform;
|
||||
transition-property:
|
||||
transform,
|
||||
opacity,
|
||||
-webkit-transform;
|
||||
transition-timing-function: ease-in-out;
|
||||
}
|
||||
.bGml_ {
|
||||
|
@ -677,7 +707,9 @@
|
|||
._3lw90 {
|
||||
background-color: #fff;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 19px 60px rgba(0, 0, 0, 0.3), 0 15px 20px rgba(0, 0, 0, 0.22);
|
||||
box-shadow:
|
||||
0 19px 60px rgba(0, 0, 0, 0.3),
|
||||
0 15px 20px rgba(0, 0, 0, 0.22);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
|
@ -691,11 +723,14 @@
|
|||
overflow: hidden;
|
||||
-webkit-transform: translateY(-40px);
|
||||
transform: translateY(-40px);
|
||||
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transition:
|
||||
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transition:
|
||||
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transition:
|
||||
opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
|
||||
-webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-delay: 60ms;
|
||||
|
|
|
@ -69,7 +69,9 @@
|
|||
left: 0;
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
transition: width 1s linear, opacity 0.5s ease 1s;
|
||||
transition:
|
||||
width 1s linear,
|
||||
opacity 0.5s ease 1s;
|
||||
}
|
||||
|
||||
.asyncButton:active:after {
|
||||
|
|
|
@ -57,7 +57,9 @@
|
|||
border-radius: var(--border-radius);
|
||||
background: rgba(var(--card-rgb), 0);
|
||||
border: 1px solid rgba(var(--card-border-rgb), 0);
|
||||
transition: background 200ms, border 200ms;
|
||||
transition:
|
||||
background 200ms,
|
||||
border 200ms;
|
||||
}
|
||||
|
||||
.card span {
|
||||
|
|
|
@ -114,8 +114,17 @@ export default function Home() {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -136,8 +136,15 @@ export default function Home() {
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono,
|
||||
DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -159,7 +166,9 @@ export default function Home() {
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
@ -197,8 +206,17 @@ export default function Home() {
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
|
||||
Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue,
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html dir="ltr" lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
|
|
@ -67,8 +67,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -89,7 +96,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -51,7 +51,9 @@
|
|||
border-radius: var(--border-radius);
|
||||
background: rgba(var(--card-rgb), 0);
|
||||
border: 1px solid rgba(var(--card-border-rgb), 0);
|
||||
transition: background 200ms, border 200ms;
|
||||
transition:
|
||||
background 200ms,
|
||||
border 200ms;
|
||||
}
|
||||
|
||||
.card span {
|
||||
|
|
|
@ -5,8 +5,8 @@ export function middleware(request) {
|
|||
const cspHeader = `
|
||||
default-src 'self';
|
||||
script-src 'self' 'nonce-${nonce}' 'strict-dynamic' https: http: 'unsafe-inline' ${
|
||||
process.env.NODE_ENV === "production" ? "" : `'unsafe-eval'`
|
||||
};
|
||||
process.env.NODE_ENV === "production" ? "" : `'unsafe-eval'`
|
||||
};
|
||||
style-src 'self' 'nonce-${nonce}';
|
||||
img-src 'self' blob: data:;
|
||||
font-src 'self';
|
||||
|
|
|
@ -113,7 +113,9 @@ li {
|
|||
width: 33%;
|
||||
margin: 0 20px 20px 0;
|
||||
text-decoration: none;
|
||||
box-shadow: -20px 20px 60px #abacad, 20px -20px 60px #ffffff;
|
||||
box-shadow:
|
||||
-20px 20px 60px #abacad,
|
||||
20px -20px 60px #ffffff;
|
||||
}
|
||||
.card h2 {
|
||||
color: #fff;
|
||||
|
@ -180,7 +182,9 @@ button:disabled {
|
|||
transition: box-shadow var(--transition-duration);
|
||||
}
|
||||
.card.elements-style-background:hover {
|
||||
box-shadow: 20px 20px 60px #464e9c, -20px -20px 60px #8896ff;
|
||||
box-shadow:
|
||||
20px 20px 60px #464e9c,
|
||||
-20px -20px 60px #8896ff;
|
||||
}
|
||||
.checkout-style {
|
||||
color: var(--checkout-color);
|
||||
|
@ -191,7 +195,9 @@ button:disabled {
|
|||
transition: box-shadow var(--transition-duration);
|
||||
}
|
||||
.card.checkout-style-background:hover {
|
||||
box-shadow: 20px 20px 60px #614b91, -20px -20px 60px #bd91ff;
|
||||
box-shadow:
|
||||
20px 20px 60px #614b91,
|
||||
-20px -20px 60px #bd91ff;
|
||||
}
|
||||
|
||||
/* Test card number */
|
||||
|
@ -234,7 +240,9 @@ pre {
|
|||
background: var(--body-color);
|
||||
color: #6a7c94;
|
||||
border-radius: 50px;
|
||||
box-shadow: -20px 20px 60px #abacad, 20px -20px 60px #ffffff;
|
||||
box-shadow:
|
||||
-20px 20px 60px #abacad,
|
||||
20px -20px 60px #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
|
|
|
@ -16,7 +16,9 @@ const Card = styled.div`
|
|||
text-decoration: none;
|
||||
border: 1px solid black;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
width: 100%;
|
||||
|
||||
&:hover,
|
||||
|
|
|
@ -47,8 +47,15 @@ const CodeTag = styled.code`
|
|||
margin: 0 0.75rem;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
`;
|
||||
|
||||
export { Container, Main, Title, Description, CodeTag };
|
||||
|
|
|
@ -4,7 +4,10 @@ export default function Home() {
|
|||
<p>Hello World</p>
|
||||
<style jsx>{`
|
||||
.hello {
|
||||
font: 15px Helvetica, Arial, sans-serif;
|
||||
font:
|
||||
15px Helvetica,
|
||||
Arial,
|
||||
sans-serif;
|
||||
background: #eee;
|
||||
padding: 100px;
|
||||
text-align: center;
|
||||
|
|
|
@ -5,7 +5,10 @@ export default function Home() {
|
|||
|
||||
<style jsx>{`
|
||||
.hello {
|
||||
font: 15px Helvetica, Arial, sans-serif;
|
||||
font:
|
||||
15px Helvetica,
|
||||
Arial,
|
||||
sans-serif;
|
||||
background: #eee;
|
||||
padding: 100px;
|
||||
text-align: center;
|
||||
|
|
|
@ -6,12 +6,11 @@ class MyDocument extends Document {
|
|||
static async getInitialProps(context) {
|
||||
const renderPage = () =>
|
||||
context.renderPage({
|
||||
enhanceApp: (App) => (props) =>
|
||||
(
|
||||
<StyletronProvider value={styletron}>
|
||||
<App {...props} />
|
||||
</StyletronProvider>
|
||||
),
|
||||
enhanceApp: (App) => (props) => (
|
||||
<StyletronProvider value={styletron}>
|
||||
<App {...props} />
|
||||
</StyletronProvider>
|
||||
),
|
||||
});
|
||||
|
||||
const initialProps = await Document.getInitialProps({
|
||||
|
|
|
@ -99,8 +99,12 @@
|
|||
border-radius: 9px;
|
||||
padding: 2px;
|
||||
background: linear-gradient(90.31deg, #ff9933 0.11%, #ff3f33 99.82%);
|
||||
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
mask:
|
||||
linear-gradient(#fff 0 0) content-box,
|
||||
linear-gradient(#fff 0 0);
|
||||
-webkit-mask:
|
||||
linear-gradient(#fff 0 0) content-box,
|
||||
linear-gradient(#fff 0 0);
|
||||
-webkit-mask-composite: xor;
|
||||
mask-composite: exclude;
|
||||
}
|
||||
|
|
|
@ -19,8 +19,8 @@ export default function BirdsPage() {
|
|||
bird === "stork"
|
||||
? 0.5 + Math.random()
|
||||
: bird === "flamingo"
|
||||
? 0.25 + Math.random()
|
||||
: 1 + Math.random() - 0.5;
|
||||
? 0.25 + Math.random()
|
||||
: 1 + Math.random() - 0.5;
|
||||
|
||||
return {
|
||||
key: index,
|
||||
|
|
|
@ -45,7 +45,9 @@
|
|||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0px;
|
||||
transition: background-color 0.2s, box-shadow 0.2s;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
box-shadow 0.2s;
|
||||
caret-color: #4ed9b2;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
line-height: 1.6;
|
||||
|
|
|
@ -16,7 +16,10 @@ export default function Clock() {
|
|||
padding: 15px;
|
||||
display: inline-block;
|
||||
color: #82fa58;
|
||||
font: 50px menlo, monaco, monospace;
|
||||
font:
|
||||
50px menlo,
|
||||
monaco,
|
||||
monospace;
|
||||
background-color: #000;
|
||||
}
|
||||
.light {
|
||||
|
|
|
@ -61,8 +61,15 @@
|
|||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
font-family:
|
||||
Menlo,
|
||||
Monaco,
|
||||
Lucida Console,
|
||||
Liberation Mono,
|
||||
DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono,
|
||||
Courier New,
|
||||
monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
|
@ -81,7 +88,9 @@
|
|||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
transition:
|
||||
color 0.15s ease,
|
||||
border-color 0.15s ease;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -2,8 +2,18 @@ html,
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
||||
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
||||
font-family:
|
||||
-apple-system,
|
||||
BlinkMacSystemFont,
|
||||
Segoe UI,
|
||||
Roboto,
|
||||
Oxygen,
|
||||
Ubuntu,
|
||||
Cantarell,
|
||||
Fira Sans,
|
||||
Droid Sans,
|
||||
Helvetica Neue,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
|
@ -2,7 +2,10 @@
|
|||
padding: 15px;
|
||||
display: inline-block;
|
||||
color: #82fa58;
|
||||
font: 50px menlo, monaco, monospace;
|
||||
font:
|
||||
50px menlo,
|
||||
monaco,
|
||||
monospace;
|
||||
background-color: #000;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue