rldnrl / blog-template

Blog Template

소개

UI/UX, DX를 중요하게 생각하는 프론트엔드 개발자 입니다.

blog-template's Issues

Style을 관리할 수 있는 방법은?

blog-template/components/Header/Header.tsx

Lines 44 to 79 in f00222d

	const headerStyle = css`
	width: 100%;
	height: 60px;
	border-bottom: 1px solid transparent;
	background-color: #fff;
	left: 0;
	transition: background-color 0.2s ease;
	`
	const navContainerStyle = css`
	width: 100%;
	height: 100%;
	margin: auto;
	`
	const navInnerContainerStyle = css`
	display: flex;
	width: 92%;
	max-width: 72rem;
	height: 100%;
	margin: 0 auto;
	justify-content: space-between;
	`
	const logoContainerStyle = css`
	display: flex;
	align-items: center;
	margin-right: 24px;
	`
	const contentContainerStyle = css`
	display: flex;
	overflow-y: hidden;
	max-height: 100%;
	justify-content: space-between;
	`

Sass로 해볼까?