From 628cbfb762dd42616fed674a6dd99b3e7893d6db Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi Date: Wed, 31 Jul 2019 04:01:40 +0900 Subject: [PATCH] chore: remove clutter --- src/App.css | 33 --------------------------------- src/App.js | 12 +----------- src/index.css | 12 +++++++++--- src/index.js | 3 --- src/logo.svg | 7 ------- 5 files changed, 10 insertions(+), 57 deletions(-) delete mode 100644 src/App.css delete mode 100644 src/logo.svg diff --git a/src/App.css b/src/App.css deleted file mode 100644 index b41d297..0000000 --- a/src/App.css +++ /dev/null @@ -1,33 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - animation: App-logo-spin infinite 20s linear; - height: 40vmin; - pointer-events: none; -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} diff --git a/src/App.js b/src/App.js index 16043c8..7c16dae 100644 --- a/src/App.js +++ b/src/App.js @@ -1,5 +1,5 @@ import React from 'react' -import styled, { createGlobalStyle } from 'styled-components' +import styled from 'styled-components' import { FaTwitter, FaGlobe } from 'react-icons/fa' import { useDeferredState } from './hooks/state' @@ -14,15 +14,6 @@ import JsOrgCard from './components/JsOrgCard' import PypiCard from './components/PypiCard' import S3Card from './components/S3Card' import CratesioCard from './components/CratesioCard' -import './App.css' - -const GlobalStyle = createGlobalStyle` - * { - box-sizing: border-box; - margin: 0; - padding: 0; - } -` export default function App() { const [query, setQuery] = useDeferredState(1000) @@ -33,7 +24,6 @@ export default function App() { return ( <> -
namae.dev name your new project diff --git a/src/index.css b/src/index.css index 4a1df4d..f164af2 100644 --- a/src/index.css +++ b/src/index.css @@ -1,13 +1,19 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + body { 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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", + font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } diff --git a/src/index.js b/src/index.js index 824d262..1e6844e 100644 --- a/src/index.js +++ b/src/index.js @@ -6,7 +6,4 @@ import * as serviceWorker from './serviceWorker' ReactDOM.render(, document.getElementById('root')) -// If you want your app to work offline and load faster, you can change -// unregister() to register() below. Note this comes with some pitfalls. -// Learn more about service workers: https://bit.ly/CRA-PWA serviceWorker.unregister() diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 6b60c10..0000000 --- a/src/logo.svg +++ /dev/null @@ -1,7 +0,0 @@ - - - - - - -