[typescript]Global-Style(reset)

최영진·2023년 1월 19일
0

typescript

목록 보기
6/9

Global-Style(reset)

npm install styled-reset
// global-style.tsx

import { createGlobalStyle } from "styled-components";
import reset from "styled-reset";

export const GlobalStyle = createGlobalStyle`
${reset}
* {
  box-sizing: border-box;
}
body{
  background-color: #ffffff;
}
a {
  color: inherit;
  text-decoration: none;
}
input, button {
  background-color: transparent;
  /* border: none; */
  outline: none;
}
h1, h2, h3, h4, h5, h6{
  font-family:'Maven Pro', sans-serif;
}
ol, ul, li {
  list-style: none;
}
img {
  display: block;
  width: 100%;
  height: 100%;
}
`;
profile
안녕하시오.

0개의 댓글