V13-FE-006: consolidate approved UI and contract hardening
This commit is contained in:
+26
@@ -0,0 +1,26 @@
|
||||
:root {
|
||||
font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
|
||||
color: var(--kbx-color-text);
|
||||
background: var(--kbx-color-surface-muted);
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
* { box-sizing: border-box; }
|
||||
html, body, #app { width:100%; min-width:0; height:100%; min-height:100%; margin:0; }
|
||||
body { overflow:hidden; }
|
||||
button, input, select, textarea { font:inherit; }
|
||||
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
|
||||
outline: calc(var(--kbx-border-width) * 2) solid var(--kbx-color-focus);
|
||||
outline-offset: var(--kbx-border-width);
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
body { overflow:auto; }
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
*, *::before, *::after { scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important; }
|
||||
}
|
||||
|
||||
@media (forced-colors: active) {
|
||||
button, input, select, textarea, a { forced-color-adjust:auto; }
|
||||
[aria-current="page"], [aria-pressed="true"], [aria-selected="true"] { outline: 1px solid Highlight; outline-offset:-2px; }
|
||||
}
|
||||
Reference in New Issue
Block a user