From adb547b72f829fdc52ec01d82a2bc2c79b7d20f5 Mon Sep 17 00:00:00 2001 From: imddoy Date: Wed, 3 Jul 2024 20:28:25 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20css=20=EC=A0=9C=EB=84=88=EB=A0=88?= =?UTF-8?q?=EC=9D=B4=ED=84=B0=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/generator.ts | 23 +++++++++++++++++++++++ src/styles/global.ts | 3 --- 2 files changed, 23 insertions(+), 3 deletions(-) create mode 100644 src/styles/generator.ts diff --git a/src/styles/generator.ts b/src/styles/generator.ts new file mode 100644 index 00000000..58056c5c --- /dev/null +++ b/src/styles/generator.ts @@ -0,0 +1,23 @@ +import { css } from "styled-components"; + +export const Generators = { + flexGenerator: (flexDirection = "row", justifyContent = "center", alignItems = "center") => css` + display: flex; + flex-direction: ${flexDirection}; + justify-content: ${justifyContent}; + align-items: ${alignItems}; + `, + fontGenerator: ( + fontSize = "1.6rem", + fontWeight = "normal", + lineHeight = "normal", + letterSpacing = "normal", + fontStyle = "normal" + ) => css` + font-weight: ${fontWeight}; + font-size: ${fontSize}; + font-style: ${fontStyle}; + line-height: ${lineHeight}; + letter-spacing: ${letterSpacing}; + `, +}; diff --git a/src/styles/global.ts b/src/styles/global.ts index 6a84e8d0..7745cc63 100644 --- a/src/styles/global.ts +++ b/src/styles/global.ts @@ -9,9 +9,6 @@ const global = createGlobalStyle` box-sizing: border-box; } - body { - /* background-color: ${({ theme }) => theme.colors.gray900};; */ - } html { -webkit-touch-callout: none;