border-width: max(.01rem, 1px);
์ด ์ฝ๋๋ ์ปดํ์ผ ํ๋ก์ธ์ค๋ฅผ ์ค๋จํฉ๋๋ค.
์ฐธ๊ณ : ์ด๋ ๊ด๋ จ clamp()
ํจ์์๋ ํด๋น๋ ์ ์์ต๋๋ค.
ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ํ์ํ ์ด ๋ฌธ์ ๋ฅผ ์ ํ๋ ์ฌ๋์ ํญ์ LESS์ ๋ฌธ์์ด ์ด์ค์ผ์ดํ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ ์ผ๋ฐ ๋ฌธ์์ด์ CSS์ ์ ๋ฌํ ์ ์์ต๋๋ค.
border-width: ~"max(.01rem, 1px)";
@kbav ๊ฐ์ฌํฉ๋๋ค. ์ ๋ง ๋์์ด ๋ฉ๋๋ค!
Less ๋ณ์(์: max(@my-var, 1px)
)๋ฅผ ์ฌ์ฉํด์ผ ํ๋ ๊ฒฝ์ฐ ๋ค์์ ์ํํ ์ ์์ต๋๋ค.
@my-var: .01rem;
--my-var: @my-var;
border-width: ~"max(var(--my-var), 1px)";
Less 4๋ถํฐ ์๋ํด์ผ ํฉ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ฐธ๊ณ : ์ด๋ ๊ด๋ จ
clamp()
ํจ์์๋ ํด๋น๋ ์ ์์ต๋๋ค.ํด๊ฒฐ ๋ฐฉ๋ฒ
ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ํ์ํ ์ด ๋ฌธ์ ๋ฅผ ์ ํ๋ ์ฌ๋์ ํญ์ LESS์ ๋ฌธ์์ด ์ด์ค์ผ์ดํ ๊ธฐ๋ฅ์ ์ฌ์ฉํ์ฌ ์ผ๋ฐ ๋ฌธ์์ด์ CSS์ ์ ๋ฌํ ์ ์์ต๋๋ค.
border-width: ~"max(.01rem, 1px)";