Commit @144ac909422315d6522a51009f3dfe2b8a7fb343

임동욱 08-20

merge: grid-wrap 토큰 개발값

@144ac909422315d6522a51009f3dfe2b8a7fb343

ece0ecf

144ac90

@fox/styles/tokens/_responsive.scss

--- @fox/styles/tokens/_responsive.scss

+++ @fox/styles/tokens/_responsive.scss


   form-height-sm: 2.8rem,
   form-height-md: 4rem,
   form-height-lg: 4.8rem,
-  grid-wrap-full: 38rem,
+  grid-wrap-full: 100%,
   grid-wrap-default: 34.8rem,
   grid-wrap-sm: 32rem,
   grid-wrap-xsm: 28rem,

   form-height-sm: 2.8rem,
   form-height-md: 4rem,
   form-height-lg: 5.6rem,
-  grid-wrap-full: 192rem,
+  grid-wrap-full: 100%,
   grid-wrap-default: 155.2rem,
   grid-wrap-sm: 108rem,
   grid-wrap-xsm: 80rem,

ece0ecf

144ac90

@fox/tools/build-tokens.py

--- @fox/tools/build-tokens.py

+++ @fox/tools/build-tokens.py

...	...	@@ -206,6 +206,17 @@
206	206	resp_pc = OrderedDict((name_responsive(p), css_len(n["$value"])) for p, n in raw["pc"].items())
207	207	assert list(resp_mobile) == list(resp_pc)
208	208
	209	+# Figma 값을 그대로 쓸 수 없는 토큰. 시안의 값은 아트보드 폭이라 CSS에서는 뜻이 달라진다.
	210	+# 재export해도 이 치환이 유지되도록 변환기가 들고 있는다(생성 파일을 손으로 고치면 지워진다).
	211	+DEV_OVERRIDES = {
	212	+ # `full`은 "화면을 채운다"는 뜻인데 Figma에서는 아트보드 폭(모바일 380px / PC 1920px)으로
	213	+ # 잡혀 있다. 그대로 쓰면 그보다 좁은 창에서 넘치고 넓은 창에서는 덜 찬다.
	214	+ "grid-wrap-full": "100%",
	215	+}
	216	+for _key, _value in DEV_OVERRIDES.items():
	217	+ resp_mobile[_key] = _value
	218	+ resp_pc[_key] = _value
	219	+
209	220	BREAKPOINT_PC = "768px"
210	221
211	222

Add a comment

Open 0
Closed 0

List

...	...	@@ -40,7 +40,7 @@
40	40	form-height-sm: 2.8rem,
41	41	form-height-md: 4rem,
42	42	form-height-lg: 4.8rem,
43		- grid-wrap-full: 38rem,
	43	+ grid-wrap-full: 100%,
44	44	grid-wrap-default: 34.8rem,
45	45	grid-wrap-sm: 32rem,
46	46	grid-wrap-xsm: 28rem,
...	...	@@ -118,7 +118,7 @@
118	118	form-height-sm: 2.8rem,
119	119	form-height-md: 4rem,
120	120	form-height-lg: 5.6rem,
121		- grid-wrap-full: 192rem,
	121	+ grid-wrap-full: 100%,
122	122	grid-wrap-default: 155.2rem,
123	123	grid-wrap-sm: 108rem,
124	124	grid-wrap-xsm: 80rem,

Delete comment