Add CSS structure for country-specific style overrides (#7326) (#7327)

* feat: Add CSS structure for country-specific style overrides (#7326) * refactor: apply Tailwind classes for Korean-specific styles (#7326) * style: Comply with Tailwind Style Guide and Add Comments (#7326) --------- Co-authored-by: lucas <[email protected]> Co-authored-by: mpruser <[email protected]>
nodejs · Dec 14, 2024 · 56fbf91 · 56fbf91
1 parent 19047d0
commit 56fbf91
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -0,0 +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-7;
+}