sass 다운로드 sass 소스 코드 다운로드

sass

기타 소스코드

1.0.0

다운로드

Sass는 CSS를 다시 재미있게 만듭니다 . SASS는 CSS의 확장으로 중첩 규칙, 변수, 믹스 인, 선택기 상속 등을 추가합니다. 명령 줄 도구 또는 빌드 시스템 용 플러그인을 사용하여 잘 형성 된 표준 CS로 변환됩니다.

 $font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;

body {
  font : 100 % $font-stack ;
  color : $primary-color ;
}

@mixin border-radius ( $radius ) {
  -webkit-border-radius : $radius ;
     -moz-border-radius : $radius ;
      -ms-border-radius : $radius ;
          border-radius : $radius ;
}

nav {
  ul {
    margin : 0 ;
    padding : 0 ;
    list-style : none ;
  }

  li { @include border-radius ( 10 px ); }

  a {
    display : block ;
    padding : 6 px 12 px ;
    text-decoration : none ;
  }
}

Sass를 설치하십시오

GitHub에서 운영 체제의 패키지를 다운로드하여 PATH 에 추가하여 Windows, Mac 또는 Linux에 Sass를 설치할 수 있습니다. 그게 전부입니다. 외부 의존성이없고 설치해야 할 것이 없습니다.

Node.js를 사용하는 경우 실행하여 NPM을 사용하여 SASS를 설치할 수도 있습니다.

 npm install -g sass

그러나 이것은 Sass의 순수한 JavaScript 구현을 설치할 것입니다. Sass는 여기에 나열된 다른 옵션보다 다소 느리게 실행됩니다. 그러나 인터페이스가 동일하므로 조금 더 빠른 속도가 필요하면 나중에 다른 구현에서 쉽게 교체 할 수 있습니다!

SASS를 설치하는 더 많은 방법은 SASS 웹 사이트를 참조하십시오.

SASS를 설치 한 후에는 sass 실행 파일을 실행하여 .sass 및 .scss 파일을 .css 파일로 컴파일 할 수 있습니다. 예를 들어:

 sass source/stylesheets/index.scss build/stylesheets/index.css

Sass를 배우십시오

Sass를 배우는 방법에 대한 가이드는 Sass 웹 사이트를 확인하십시오!

이 저장소

이 저장소는 SASS의 구현이 아닙니다. 그것들은 sass/dart-sass 와 sass/libsass 에 살고 있습니다. 대신, 여기에는 다음이 포함됩니다.

언어 기능에 대한 사양을 포함하는 spec/ .
언어 변경에 대한 진행중인 제안서가 포함 된 proposal/ .
accepted/ , 여기에는 수락 된 제안서가 포함되어 있고 구현되거나 구현되는 과정에서.

여기에는 Sass의 전체 사양이 포함되어 있지 않습니다. 대신, 기능 사양은 새로운 기능을 설계 할 때 또는 구현자가 무언가가 어떻게 작동하는지에 대한 추가 명확성이 필요할 때 필요에 따라 작성됩니다. 이는 spec/ 의 많은 사양이 문제의 기능의 작은 부분을 다루는 것을 의미합니다.