nbnloper / edupay-admin star
Forked from ldu0009 / edupay-admin
임동욱 임동욱 08-11
Merge branch 'claude/design-system-setup-46d8aa' into hub 
색상 칩 크기를 16px로 조정한다.

Co-Authored-By: Claude Opus 5
@bf0d17f708c648a688dfdbd3805c827cf0247854
2d005e1
bf0d17f
@fox/dev-test/dev-test.module.scss
--- @fox/dev-test/dev-test.module.scss
+++ @fox/dev-test/dev-test.module.scss
@@ -232,14 +232,13 @@
 
 }
 
 
 // ── 색상 칩 ─────────────────────────────────────────────────────────────────
 
-// 값 앞에 붙는 5px 정사각형. 토큰 스케일에 5px(0.5rem)이 없어 리터럴을 쓴다 —
 
-// 카탈로그 표시용 치수이지 디자인 값이 아니다.
 
-// 테두리는 box-shadow로 그린다. border를 쓰면 5px 중 2px을 테두리가 먹어
 
-// 색이 보이는 면적이 3px로 줄어든다.
 
+// 값 앞에 붙는 16px 정사각형. 16px는 `icon-3`(1.6rem)과 같은 값이라 리터럴 대신
 
+// 토큰을 쓴다.
 
+// 테두리는 box-shadow로 그린다 — border는 칩 안쪽을 먹어 색이 보이는 면적을 줄인다.
 
 .colorChip {
 
   display: inline-block;
 
-  inline-size: 0.5rem;
 
-  block-size: 0.5rem;
 
+  inline-size: fox.icon(3);
 
+  block-size: fox.icon(3);
 
   margin-inline-end: fox.gap(3);
 
   box-shadow: 0 0 0 fox.border(1) #{fox.color(border-neutral-overlay)};
 
   vertical-align: middle;
Add a comment
List