Commit @6c8b2627bf7fb43742d0cca346b44c70b3c52249

민혜린 08-14

fix: conditional-option 세로 배치에서 select를 들여쓰지 않도록 스타일 수정

@6c8b2627bf7fb43742d0cca346b44c70b3c52249

8d37131

6c8b262

@fox/styles/_fox-conditional-option.scss

--- @fox/styles/_fox-conditional-option.scss

+++ @fox/styles/_fox-conditional-option.scss

...	...	@@ -23,8 +23,7 @@
23	23	// 시안 direction=row → `--vertical` (select가 라디오 아래로)
24	24	// 시안 direction=col → `--horizontal` (select가 라디오 옆에)
25	25	//
26		-// 세로일 때 select는 라벨 왼쪽 끝에 맞춘다 — 동그란 표시 폭 + 간격만큼 들여쓴다. 그래야
27		-// 라벨·부가설명과 한 덩어리로 읽힌다.
	26	+// 세로일 때 select는 들여쓰지 않고 맨 앞에 붙는다 — 동그란 표시와 왼쪽 끝이 맞는다.
28	27	//
29	28	// 토큰이 아닌 값(사용자 승인):
30	29	// - display / flex / align-*: 배치 규칙.
...	...	@@ -49,13 +48,3 @@
49	48	}
50	49	}
51	50
52		-// 들여쓰기 폭은 `fox-radio`의 동그란 표시 폭과 그 간격을 그대로 따른다 — 두 값이 바뀌면
53		-// 여기도 같이 바뀌어야 라벨 왼쪽 끝에 계속 맞는다. 가로일 때는 옆에 서므로 들여쓰지 않는다.
54		-.fox-conditional-option--vertical .fox-conditional-option__detail {
55		- margin-inline-start: calc(#{fox.form(icon-lg)} + #{fox.gap(3)});
56		-}
57		-
58		-// 라디오가 md면 동그란 표시도 한 단계 작아지므로 들여쓰기도 따라 줄인다.
59		-.fox-conditional-option--vertical:has(.fox-radio--md) .fox-conditional-option__detail {
60		- margin-inline-start: calc(#{fox.form(icon-md)} + #{fox.gap(3)});
61		-}

Add a comment

List