Less.js: 불투명도가 있는 16진수 색상이 엉킴

Less는 이전에 16진수 rgba 표기법도 지원했습니까?

@rjgotten 직접적으로, 아니요. 그러나 인식할 수 없는 값은 건너뛰(보존)해야 합니다. 그것이 아마도 회귀일 것입니다.

@rjgotten @tapsaman 아직 지원되지 않은 만큼 회귀라고 생각하지 않습니다. 그러나 이 형식을 지원하기 위해 색상 노드에 대한 몇 가지 정규식 변경 및 변경에 불과했습니다. 확인을 위해 PR 의 테스트 를

이것이 하는 한 가지는 향후 호환성을 위해 "잘못된" 색상을 제거하는 것입니다. 색상 작업에서 "잘못된" 색상을 사용하려고 할 때까지는 평가 시간에 오류가 발생해야 합니다. 그러나 3.0+의 Less는 속성 값을 더 관대하므로 제거하는 것이 합리적으로 보였습니다.

한 가지: 호환되지 않는 브라우저에 대해 Less가 #RRGGBBAA 를 변환해야 합니까? 현재 IE/Edge는 지원하지 않으며 일부 다른 브라우저도 지원하지 않습니다. Microsoft는 곧 구현할 것이라는 어떠한 표시도 하지 않았습니다. 하지만 구현한 이유는 확실히 컬러 파싱 기능에서 파싱에 문제가 있었기 때문이다. 전체 문자열을 잡고 색상으로 저장했지만 색상이 4 또는 8자인 경우 파서를 진행하지 않았기 때문에 마지막 숫자를 반복하고 있었습니다.

편집 : 내가 한 것은 작성자가 rgba() 를 통해 rgba(#55555599) rgba() 형식으로 변환하는 것을 허용했습니다.

다음은 이와 관련하여 제가 가지고 있는 생각의 목록입니다.

• 브라우저 지원을 의식하는 것이 Less의 일인지 잘 모르겠습니다.
• Less 함수를 CSS 함수와 병합하는 것은 "위험하게 느껴지지만" 그 이유를 말할 수 없습니다.
• 우리는 이미 #AARRGGBB 를 출력하는 argb() 함수를 _DO_ 가지고 있습니다.
• color() 함수도 있습니다. #AARRGGBB , #ARGB 합니까?
• color: #AA334455; 및 color: #A345; 는 해당 형식을 _이해하는_ 브라우저가 많지 않더라도 유효한(또는 허용되는) CSS입니다.
• rbga() 캐스팅이 미끄러운 건지 궁금합니다. rgb() , hsl() 및 hsla() 모두 CSS 함수입니다.
• 반면 Less가 CSS의 상위 집합이라는 점을 감안하면 rgba() 는 매우 의미가 있습니다.

tl;dr: 제 전반적인 첫인상은 color() 함수가 8자리 및 4자리 ARGB 문자열을 지원하는지 확인해야 한다는 것입니다. 어쨌든 그것이 목적인 것 같기 때문입니다.

Less 함수를 CSS 함수와 병합하는 것은 "위험하게 느껴지지만" 그 이유를 말할 수 없습니다.

그 배는 항해했습니다. rgba() 는 오래전부터 Less 함수로 존재해 왔습니다. 그러나 주된 이유는 lighten() 와 같은 것에 색상을 전달할 수 있기 때문입니다. 즉, rgba() 는 내부적으로 색상을 반환해야 합니다. 따라서 실제로 Less의 색상 함수를 사용하려면 rgba() _have_와 같은 함수가 Less 함수가 됩니다. (예: lighten(rgba(50,50,50,0.5), 50%)) 그렇지 않으면 알 수 없는 함수 호출일 뿐입니다. 색상을 조작하려면 색상이 실제로 _is_인지 알아야 합니다.

rbga() 캐스팅이 미끄러운 슬로프인지 궁금합니다. rgb(), hsl() 및 hsla()도 모두 CSS 함수입니다.

네, 그런 것 같아요. 하지만 캐스팅은 잘못된 생각입니다. 또한 브라우저에서 허용되거나 허용될 rgba(#777777, 0.5) 형식을 활성화합니다. hsla() 확장하지 않는 것은 사실이지만 내부 구현은 훨씬 더 어렵고 작동하는 메서드가 있는 경우 필요하지 않습니다.

color() 함수도 있습니다. #AARRGGBB, #ARGB를 지원합니까?

아니요, 지적해 주셔서 감사합니다. 추가할 수 있습니다. 나는 왜 그 기능이 전혀 존재하는지 혼란 스럽지만?

또한 브라우저에서 허용되거나 허용될 rgba(#777777, 0.5) 형식을 활성화합니다.

다시 말하면, 이 양식은 CSS에서 유효한 색상입니다: rgba(<Color> [, opacity]) . 따라서 이것을 허용하지 않을 이유가 없습니다.

우리는 이미 #AARRGGBB 를 출력하는 argb() 함수를 _DO_ 가지고 있습니다.

ARGB 순서는 특히 Internet Explorer의 레거시 DirectShow 필터에 사용됩니다.
CSS의 8자리 또는 4자리 16진수 구문은 afaik RGBA 순서입니다.

두 가지를 모두 지원하면 #000000FF 리터럴이 ARGB(완전 투명 파랑) 또는 RGBA(완전 불투명 검정)를 나타내는지 여부를 직접적으로 알 수 없습니다.

내 조언: ARGB 색상 지원을 중단하십시오. 오랫동안 사용되지 않은 석기 시대 IE 브라우저에만 필요합니다.

내 조언: ARGB 색상 지원을 중단하십시오. 오랫동안 사용되지 않은 석기 시대 IE 브라우저에만 필요합니다.

IE11 미만에서는 지원을 테스트하지 않으므로 이것이 좋은 생각입니다.

@rjgotten 사용 중단을 위한 다른 기능 후보(또는 기능)가 있습니까? 왜 누군가가 Less에서 _string_으로 색상을 작성한 다음 color() 함수를 사용하여 색상으로 변환해야 하는지 여전히 혼란스럽습니다. 4년 전에 추가된 것 같습니다.

나는 왜 누군가가 Less에서 색상을 문자열로 작성한 다음 color() 함수를 사용하여 색상으로 변환해야 하는지 여전히 혼란스럽습니다.

내가 상상할 수 있는 유일한 것은 자동화된 추출 시나리오입니다.
예를 들어 SVG 배경 이미지를 내부 검사하고 다른 규칙의 색상 사용과 일치하도록 색상 정의를 추출하는 복잡한 플러그인 등입니다.

상당히 심오한 엣지 케이스라고 생각합니다.

@rjgotten 불행히도 나는 그것이 어디에서 왔는지 설명하는 문제에서 어떤 기록도 찾을 수 없었습니다.

내가 업데이트 한 color() 인식 기능을 #RRGGBBAA 뿐만 아니라 동일한 색상 공간의 색상을 유지하기 위해 일부 업데이트를하고. 과거에는 브라우저 호환성을 위해 모든 것이 단순 16진수(알파 = 1인 경우) 또는 rgba() 되었습니다. 이제 사용된 대로 색상 값을 유지하여 Less를 더 일관성 있게 유지할 수 있습니다. 16진수 색상과 키워드는 이미 있는 그대로 출력되었지만 내 PR을 사용하면 Less가 hsl() 및 hsla() 를 있는 그대로(값을 클램핑하는 경우 제외) 출력하고 색상 이후의 색상 공간도 보존합니다. darken() 또는 spin() 와 같은 작업.

따라가겠습니다. 탑승 중입니다. argb() 함수는 이전 형식에 대한 모든 요구 사항에 대한 답변이라고 생각합니다. 이것은 좋은 움직임입니다.