Discourse moved to Dart Sass

뉴스 및 이벤트 공지사항
1

Discourse의 Sass 컴파일러 파이프라인에 큰 업그레이드를 적용하여, 더 이상 유지 관리되지 않는 libsass에서 유지 관리 중인 Dart Sass로 전환했습니다.

이 전환은 무리 없이 이루어지며, 업그레이드 후 웹사이트에서 변경되는 사항은 없을 것입니다. 극히 드물게 문제가 발생하는 경우, 아래 내용을 읽어 주세요.

개발자 및 디자이너를 위한 안내

전환 과정에서 모든 오픈소스 플러그인과 테마를 검토하여 새 파이프라인에서도 모든 것이 정상적으로 작동하는지 확인하고, 컴파일过程中的 경고 사항을 처리하기 위해 변경 사항/PR을 적용했습니다.

버전 상세 정보

이번 업데이트로 우리는 다음과 같이 변경됩니다.

변경 전:

  • sassc 2.0.1 (2019년 2월)
  • libsass 3.5.2 (2018년 5월)

변경 후:

  • dart-sass 1.58 (2023년 1월)

이 업데이트는 다음과 같은 비권장(deprecation) 사항을 적용합니다:

다음과 같은 깨짐(breaking) 변경 사항이 곧 도입되거나 최근에 출시되었습니다:

Dart Sass 1.32.0부터 함수는 허용되는 단위에 대해 더 엄격해집니다.

Dart Sass 1.54.0부터 잘못된 조합자를 가진 선택자는 무효가 됩니다.

Dart Sass 1.33.0부터 /는 나눗셈 연산에서 목록 구분자로 변경됩니다.

Dart Sass 1.7.2부터 @-moz-document의 특수 구문 구문 분석이 무효가 됩니다.

Dart Sass 1.0.0과 Ruby Sass 4.0.0에서 복합 선택자는 확장될 수 없었습니다.

Q&A

이번 업그레이드에는 하드 브레이킹(완전한 호환성 깨짐) 변경 사항이 없었으므로, 99%의 테마는 정상적으로 작동할 것입니다.

커스텀 테마 없이 Discourse를 실행 중인 경우, 변경되는 사항은 없습니다. 다음 업그레이드 시(또는 호스팅 회사가 업그레이드할 때) 이 과정이 백그라운드에서 자동으로 수행됩니다.

CDCK 호스팅을 사용 중이고 우리가 개발해 드린 테마를 사용하고 계신 경우, 이미 Dart Sass와 호환되도록 처리했습니다.

official Customization > Theme 및/또는 여러 #customization:theme-component를 사용하는 경우, 이미 새 Sass 버전과 호환되도록 처리했습니다.

커스텀 테마에 문제가 발생했다면, 해당 테마를 공유해 주시면 수정을 도와드리겠습니다.

17개의 좋아요
2

:sweat_smile: CW and Multilingual both broke because of this but have been patched.

7개의 좋아요
3

Oh thanks for the heads-up, looks like sass-migrator doesn’t cover this one :man_facepalming:. I’m searching for instances of this now.

EDIT: I was worried about this, but after grepping for this error in all the open and closed source plugin and themes I only found this usage of extend on the two plugins you mentioned.

9개의 좋아요
4

hi good morning, since the update, Our header bar has increased in size there is a gap of at least an inch at the top of the page

edit.

found this was in the header part of the css

other’s were blank so now the header is spot on, however i cant add a custom background

thanks

3개의 좋아요
5

Not sure if this is a problem with the CSS or a problem with the parser but I thought it might be good to share anyway.

Discourse::ScssError: Error: Expected whitespace

@media screen and(min-width: $breakpoint-sm) {
                 ^
5개의 좋아요