sass, scss 연습

• Learn Sass In 20 Minutes | Sass Crash Course 를 보면서
• sass, scss 를 공부해보았다

sass

// 변수
$primaryBtn: rgb(78, 201, 253);
$textColor: rgb(0, 0, 0);

button {
  background: $primaryBtn;

  // 중첩 nesting 가능
  //   & ; 상위 선택자
  &::after {
    content: 'hellooo';
  }

  // 중첩된 속성
  margin: {
    top: 10px;
    left: 20px;
  }
  padding: {
    bottom: 40px;
    right: 30px;
  }
}

• 중첩 이 기능 하나만으로도 엄청나게 강력한 기능이라고 생각한다
• 스타일 적용되는 것도 직관적이고, html이랑 같은 구조로 css를 작성할 수 있을 것 같다

연습 코드 저장소

• https://github.com/chinsun9/sass-practice