e03266008c
* form handler example: Update deps and fix build from dep update * Ran lint error fixers * Fixes errors that occur when commit occurs * Commit linter fixes
33 lines
570 B
JavaScript
33 lines
570 B
JavaScript
import React from 'react'
|
|
import Head from 'next/head'
|
|
import { styled } from 'linaria/react'
|
|
|
|
const Box = styled.div`
|
|
margin-top: 40px;
|
|
margin-left: 40px;
|
|
height: 200px;
|
|
width: 200px;
|
|
background-color: tomato;
|
|
animation: spin 2s linear infinite;
|
|
|
|
@keyframes spin {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
`
|
|
|
|
export default () => {
|
|
return (
|
|
<React.Fragment>
|
|
<Head>
|
|
<title>With Linaria</title>
|
|
</Head>
|
|
<Box>Zero runtime CSS in JS</Box>
|
|
</React.Fragment>
|
|
)
|
|
}
|