From cd1085ae529534c602dbdcd91552293caf14cb48 Mon Sep 17 00:00:00 2001 From: lucas Date: Thu, 12 Dec 2024 12:24:43 +0900 Subject: [PATCH 1/3] feat: Add CSS structure for country-specific style overrides (#7326) --- apps/site/styles/index.css | 1 + apps/site/styles/locals.css | 5 +++++ 2 files changed, 6 insertions(+) create mode 100644 apps/site/styles/locals.css diff --git a/apps/site/styles/index.css b/apps/site/styles/index.css index 827becbc14fd2..51f236e207c48 100644 --- a/apps/site/styles/index.css +++ b/apps/site/styles/index.css @@ -12,3 +12,4 @@ @import './base.css'; @import './markdown.css'; @import './effects.css'; +@import './locals.css'; diff --git a/apps/site/styles/locals.css b/apps/site/styles/locals.css new file mode 100644 index 0000000000000..0d931fa756166 --- /dev/null +++ b/apps/site/styles/locals.css @@ -0,0 +1,5 @@ +html[lang='ko'] { + line-height: 1.8; + word-break: keep-all; + word-wrap: break-word; +} From 76e4df62bf61c7cf47ebd2324d4764d5947b6ef8 Mon Sep 17 00:00:00 2001 From: lucas Date: Thu, 12 Dec 2024 19:34:22 +0900 Subject: [PATCH 2/3] refactor: apply Tailwind classes for Korean-specific styles (#7326) --- apps/site/styles/locals.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/apps/site/styles/locals.css b/apps/site/styles/locals.css index 0d931fa756166..6350b8d0f6fbf 100644 --- a/apps/site/styles/locals.css +++ b/apps/site/styles/locals.css @@ -1,5 +1,3 @@ html[lang='ko'] { - line-height: 1.8; - word-break: keep-all; - word-wrap: break-word; + @apply break-words break-keep leading-[1.8]; } From 9969d79dc757ce0eaf7da45926a3980495a3792f Mon Sep 17 00:00:00 2001 From: mpruser Date: Thu, 12 Dec 2024 22:24:48 +0900 Subject: [PATCH 3/3] style: Comply with Tailwind Style Guide and Add Comments (#7326) --- apps/site/styles/locals.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/apps/site/styles/locals.css b/apps/site/styles/locals.css index 6350b8d0f6fbf..2ce0fe2afecd9 100644 --- a/apps/site/styles/locals.css +++ b/apps/site/styles/locals.css @@ -1,3 +1,10 @@ +/** + * To enhance readability for Korean users, line spacing is increased, + * line breaks in the middle of words are prevented, and long words are + * managed to avoid disrupting the layout. + */ html[lang='ko'] { - @apply break-words break-keep leading-[1.8]; + @apply break-words + break-keep + leading-7; }