Hide_D
a110435033
게임 프론트 전역에서 Pretendard를 한 번 로드하고 본문·기록·표·입력·버튼의 명시적 글꼴을 공통 토큰으로 통일한다. production Chromium 검증과 정적 회귀 검사를 함께 추가한다.
90 lines
2.1 KiB
CSS
90 lines
2.1 KiB
CSS
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
@import 'tailwindcss';
|
|
@import './styles/tokens.css';
|
|
@import './styles/legacy-controls.css';
|
|
@import './styles/game-shell.css';
|
|
@import './styles/ref-shell.css';
|
|
|
|
@theme {
|
|
--color-sammo-ink: #000;
|
|
--color-sammo-parchment: #fff;
|
|
--color-sammo-gold: #f39c12;
|
|
}
|
|
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
/*
|
|
* Ref's `html, body` contract: the page texture is centred and only tiles
|
|
* vertically, so a wide screen keeps one column of the texture.
|
|
*/
|
|
body {
|
|
min-width: 320px;
|
|
margin: 0;
|
|
background: #000;
|
|
background-position: center;
|
|
background-repeat: repeat-y;
|
|
color: #fff;
|
|
font-family: var(--sammo-font-sans);
|
|
font-size: 14px;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
/*
|
|
* Ref's in-game document never narrows below its 500px mobile column, so the
|
|
* app root keeps that floor. Previously this came from an unscoped `body` rule
|
|
* inside two ranking views, which also leaked their line-height everywhere.
|
|
*/
|
|
#app {
|
|
min-width: 500px;
|
|
}
|
|
|
|
/* These redesigned identity/tournament screens own a true handheld layout. */
|
|
#app:has(.responsive-settings-page),
|
|
#app:has(#tournament-container),
|
|
#app:has(#tournament-betting-container) {
|
|
min-width: 320px;
|
|
}
|
|
|
|
body:has(.battle-page),
|
|
body:has(.chief-page),
|
|
body:has(.global-page),
|
|
body:has(.main-page),
|
|
body:has(.yearbook-page) {
|
|
line-height: 1.5;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
font: inherit;
|
|
}
|
|
|
|
/*
|
|
* Ref's `.bg0/.bg1/.bg2` set a background image and nothing else, so the
|
|
* element stays transparent where the texture does not cover it. Adding a
|
|
* background colour here paints over whatever the parent shows through.
|
|
*/
|
|
.legacy-bg0 {
|
|
background-image: var(--sammo-texture-walnut);
|
|
}
|
|
|
|
.legacy-bg1 {
|
|
background-image: var(--sammo-texture-green);
|
|
}
|
|
|
|
.legacy-bg2 {
|
|
background-image: var(--sammo-texture-blue);
|
|
}
|
|
|
|
/*
|
|
* Ref emits battle summaries as a classed div inside a single log row, then
|
|
* turns that div into an inline-level box. Without this rule the month prefix,
|
|
* battle summary, and action time are forced onto three separate lines.
|
|
*/
|
|
.small_war_log {
|
|
display: inline-block;
|
|
}
|