IT story

SASS에서 다른 파일의 클래스에서 상속 할 수 있습니까?

hot-time 2020. 8. 26. 19:25
반응형

SASS에서 다른 파일의 클래스에서 상속 할 수 있습니까?


질문은 거의 모든 것을 말합니다.

예를 들어 Twitter Bootstrap 을 사용하는 경우 Bootstrap의 CSS 클래스에서 상속되는 자체 SASS 스타일 시트에 클래스를 정의 할 수 있습니까? 아니면 SASS의 상속은 단일 파일의 범위 내에서만 작동합니까?


예! 있을 수있다.

모든 <button>요소가 Twitter Bootstrap의 기본 버튼.btn 에서 클래스 를 상속하도록하려면

당신의에서 styles.scss파일을 먼저 수입해야 할 것입니다 _bootstrap.scss:

@import "_bootstrap.scss";

그런 다음 가져 오기 아래 :

button { @extend .btn; }

** 착각 할 수도 있지만하려는 작업을 얻으면 @extend .classname;확장하려는 요소 내에서 명령을 사용할 수 없습니까? 당연히 업데이트 가능성을 유지하려면 자신의 코드 만 수정해야합니다.


제가 알기로, 당신은 사용할 필요가@import 해당 파일을 이용하기 위해 사용자의 SASS 파일로 사용하고자하는 클래스를 포함하는 파일의. 그러나 나는 SASS / SCSS 전문가가 아니기 때문에 누군가 내가 알지 못하는 원격 사용 방법을 알고있을 수 있습니다.

참고 URL : https://stackoverflow.com/questions/11787330/is-it-possible-in-sass-to-inherit-from-a-class-in-another-file

반응형