SASS
2019.09.19 20:33

Sass 소개

조회 수 340 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

What is Sass?

  • Sass - Syntactically Awesome Stylesheet
  • Sass - CSS의 확장이다.
  • Sass - CSS pre-processor이다.
  • Sass - 모든 버전의 CSS와 호환된다.
  • Sass - 단순 CSS작업을 효과적으로 도와준다.
  • Sass - Hampton Catlin, Natalie Weizenbaum에 의해 2006에 발표됨
  • Sass - 공짜이고 무료 사용가능하다.

 

 

/* define variables for the primary colors */
$primary_1: #a2b9bc;
$primary_2: #b2ad7f;
$primary_3: #878f99;

/* use the variables */
.main-header {
  background-color: $primary_1;
}

.menu-left {
  background-color: $primary_2;
}

.menu-right {
  background-color: $primary_3;
}

 

Sass File Type

모든 sass파일은 ".scss" 확장자를 사용한다.

 

 

Sass Comments

/* define primary colors */
$primary_1: #a2b9bc;
$primary_2: #b2ad7f;

/* use the variables */
.main-header {
  background-color: $primary_1; // here you can put an inline comment
}

 

 

?

List of Articles
번호 분류 제목 날짜 조회 수
41 SASS Sass @while 2019.09.20 528
40 SASS Sass @for 2019.09.20 336
39 SASS Sass @each 2019.09.20 302
38 SASS Sass @if and @else 2019.09.20 345
37 SASS Sass Operators 2019.09.20 292
36 SASS Sass Introspection Functions 2019.09.19 294
35 SASS Sass Color Functions 2019.09.19 223
34 SASS Sass Selector Functions 2019.09.19 204
33 SASS Sass Map Functions 2019.09.19 284
32 SASS Sass List Functions 2019.09.19 296
31 SASS Sass Numeric Functions 2019.09.19 288
30 SASS Sass String Functions 2019.09.19 415
29 SASS Sass @extend 2019.09.19 310
28 SASS Sass @mixin과 @include 2019.09.19 379
27 SASS Sass @import 2019.09.19 351
26 SASS Sass 중첩 규칙과 속성 2019.09.19 309
25 SASS Sass 변수 2019.09.19 306
» SASS Sass 소개 2019.09.19 340
23 SASS SASS 샘플 2019.08.16 493
22 HTML ::after ::before 토글 사용 예제 2019.06.28 570
Board Pagination Prev 1 2 3 Next
/ 3