6ae48ff30e
- 기본 스타일을 위한 UTKDefaultStyle.uss파일을 생성했습니다. - UIToolkit 설정 구성을 위한 UTKSettings.asset 파일을 추가했습니다. - 포괄적인 색상 정의를 포함하는 다크 및 라이트 테마 스타일(UTKThemeDark.uss, UTKThemeLight.uss)을 도입했습니다. - 테마에 독립적인 레이아웃 및 크기 변수를 위한 UTKVariables.uss를 구현했습니다. - 스타일 및 이벤트 처리를 통해 열거형 선택을 위한 사용자 지정 드롭다운 컴포넌트(UTKEnumDropDown)를 개발했습니다. - 사용자 지정 스타일 및 이벤트 관리를 통해 각각 이중 입력 필드와 긴 입력 필드를 위한 UTKDoubleField 및 UTKLongField 컴포넌트를 생성했습니다.
91 lines
2.5 KiB
Plaintext
91 lines
2.5 KiB
Plaintext
/*
|
|
* ===================================
|
|
* UTKVariables.uss
|
|
* 테마에 독립적인 공통 변수 정의
|
|
* ===================================
|
|
*
|
|
* 이 파일은 테마와 무관한 레이아웃/크기 관련 변수를 정의합니다.
|
|
* 색상 변수는 UTKThemeDark.uss / UTKThemeLight.uss에서 정의됩니다.
|
|
*/
|
|
|
|
:root {
|
|
/* ===================================
|
|
Font
|
|
=================================== */
|
|
-unity-font-definition: resource('Fonts/Pretendard/Pretendard-Regular');
|
|
|
|
/* ===================================
|
|
Spacing (space-*)
|
|
=================================== */
|
|
--space-xs: 2px;
|
|
--space-s: 4px;
|
|
--space-m: 8px;
|
|
--space-l: 12px;
|
|
--space-xl: 16px;
|
|
--space-xxl: 24px;
|
|
|
|
/* ===================================
|
|
Border Radius (radius-*)
|
|
=================================== */
|
|
--radius-xs: 2px;
|
|
--radius-s: 4px;
|
|
--radius-m: 6px;
|
|
--radius-l: 8px;
|
|
--radius-xl: 12px;
|
|
--radius-full: 9999px;
|
|
|
|
/* ===================================
|
|
Border Width (border-*)
|
|
=================================== */
|
|
--border-width: 1px;
|
|
--border-width-thick: 2px;
|
|
|
|
/* ===================================
|
|
Font Size (font-size-*)
|
|
=================================== */
|
|
--font-size-h1: 26px;
|
|
--font-size-h2: 14px;
|
|
--font-size-h3: 13px;
|
|
--font-size-h4: 11px;
|
|
--font-size-h5: 11px;
|
|
--font-size-h6: 11px;
|
|
--font-size-body1: 13px;
|
|
--font-size-body2: 12px;
|
|
--font-size-label1: 14px;
|
|
--font-size-label2: 12px;
|
|
--font-size-label3: 11px;
|
|
--font-size-label4: 9px;
|
|
--font-size-code: 12px;
|
|
|
|
/* ===================================
|
|
Component Sizes (size-*)
|
|
=================================== */
|
|
--size-btn-height: 24px;
|
|
--size-btn-min-width: 80px;
|
|
--size-input-height: 24px;
|
|
--size-icon-btn: 20px;
|
|
--size-nav-btn: 24px;
|
|
--size-modal-min-width: 300px;
|
|
--size-modal-max-width: 600px;
|
|
|
|
/* ===================================
|
|
Animation (anim-*)
|
|
=================================== */
|
|
--anim-fast: 100ms;
|
|
--anim-normal: 200ms;
|
|
--anim-slow: 300ms;
|
|
|
|
/* ===================================
|
|
Z-Index (z-*)
|
|
=================================== */
|
|
--z-default: 0;
|
|
--z-dropdown: 100;
|
|
--z-modal: 200;
|
|
--z-tooltip: 300;
|
|
|
|
/* ===================================
|
|
Unity Overrides
|
|
=================================== */
|
|
--unity-item-indent-width: 0px;
|
|
}
|