mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-19 06:43:51 +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 'noty/lib/noty.css';
|
||||||
@use 'remixicon/fonts/remixicon.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 {
|
.color-palettes {
|
||||||
background: #409eff;
|
background: #409eff;
|
||||||
background: #67c23a;
|
background: #67c23a;
|
||||||
@@ -144,75 +217,6 @@
|
|||||||
margin-left: 5px;
|
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 {
|
.x-link {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user