728x90
반응형

sass 3

SCSS 파일에서 일반 CSS 파일 가져오기

질문 : SCSS 파일에서 일반 CSS 파일을 가져 오시겠습니까? @import 명령을 사용하여 일반 CSS 파일을 가져올 수 있습니까? sass의 모든 SCSS 구문을 사용하고 있지는 않지만 기능을 결합 / 압축하는 것이 즐겁고 모든 파일의 이름을 * .scss로 변경하지 않고 사용할 수 있기를 원합니다. 답변 이 글을 쓰는 시점에서 이것은 구현되지 않은 것 같습니다. https://github.com/sass/sass/issues/193 libsass (C / C ++ 구현)의 경우 *.scss 파일과 동일한 방식으로 *.css 대해 가져 오기가 작동합니다. 확장자를 생략하면됩니다. @import "path/to/file"; path/to/file.css 가져옵니다. 자세한 내용은 이 답변 을 참조하..

SCSS와 Sass의 차이점

질문 : SCSS와 Sass의 차이점은 무엇입니까? 제가 읽은 내용에서 Sass는 변수 및 수학 지원을 통해 CSS를 더욱 강력하게 만드는 언어입니다. SCSS와의 차이점은 무엇입니까? 같은 언어 여야합니까? 비슷한? 다른? 답변 Sass는 구문이 향상된 CSS 전 처리기입니다. 고급 구문의 스타일 시트는 프로그램에 의해 처리되고 일반 CSS 스타일 시트로 바뀝니다. 그러나 CSS 표준 자체를 확장 하지는 않습니다. CSS 변수가 지원되며 사용할 수 있지만 전 처리기 변수뿐만 아니라 사용할 수 없습니다. SCSS와 Sass의 차이점에 대해 Sass 문서 페이지 의이 텍스트는 다음 질문에 답해야합니다. Sass에는 두 가지 구문이 있습니다. 첫 번째는 SCSS (Sassy CSS) 로 알려져 있으며이 참조..

CSS calc () 함수의 Sass 변수

질문 : CSS calc () 함수의 Sass 변수 calc() 함수를 사용하려고하는데 몇 가지 문제가 있습니다. 내 코드는 다음과 같습니다. $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) body_padding 변수 대신 50px 를 사용하면 원하는 것을 정확히 얻습니다. 그러나 변수로 전환하면 다음이 출력됩니다. body { padding-top: 50px; height: calc(100% - $body_padding); } calc 함수 내에서 변수를 대체해야한다는 것을 Sass가 인식하도록하려면 어떻게해야합니까? 답변 보간 : body height: calc(100% - #{$body_pa..

728x90
반응형