mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-11 02:43:50 +02:00
use text-autospace for better CJK character and non-CJK character spacing
This commit is contained in:
142
src/app.scss
142
src/app.scss
@@ -26,6 +26,79 @@
|
||||
@use 'noty/lib/noty.css';
|
||||
@use 'remixicon/fonts/remixicon.css';
|
||||
|
||||
:root {
|
||||
text-autospace: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'ellipsis-font';
|
||||
src: local('Times New Roman');
|
||||
unicode-range: U+2026;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html[lang='ja'] body,
|
||||
html[lang='ja'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='ko'] body,
|
||||
html[lang='ko'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='zh-CN'] body,
|
||||
html[lang='zh-CN'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP',
|
||||
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='zh-TW'] body,
|
||||
html[lang='zh-TW'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP',
|
||||
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.color-palettes {
|
||||
background: #409eff;
|
||||
background: #67c23a;
|
||||
@@ -144,75 +217,6 @@
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'ellipsis-font';
|
||||
src: local('Times New Roman');
|
||||
unicode-range: U+2026;
|
||||
}
|
||||
|
||||
html {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html[lang='ja'] body,
|
||||
html[lang='ja'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='ko'] body,
|
||||
html[lang='ko'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans TC',
|
||||
'Noto Sans SC', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='zh-CN'] body,
|
||||
html[lang='zh-CN'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans JP',
|
||||
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
html[lang='zh-TW'] body,
|
||||
html[lang='zh-TW'] * {
|
||||
font-family:
|
||||
'ellipsis-font', 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP',
|
||||
'Noto Sans KR', 'Meiryo UI', 'Malgun Gothic', 'Segoe UI', system-ui,
|
||||
sans-serif;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.x-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user