[SCSS] 문법 모음

 

 

 

 

📌 [SCSS] 문법 모음

 

 

 

📌 색상

rgba($color: #색상 코드, $alpha: 불투명도(소수));

 

• 불투명도: 0.8 -> 80%
• SCSS 문법으로 CSS에선 동작 X

.list-item {
    border: 1px solid rgba($color: #fff, $alpha: 0.5); // 불투명도 50%
    padding: 10px;
    border-radius: 20px;
}

 

 

---

 

 

📌 css 스타일링을 리셋 시키는 방법

• 브라우저 기본값에 신경쓰고 싶지 않을 때 사용
• 모든 태그의 스타일을 동일하게 만듦

1. 링크의 코드를 복사해서 reset 파일(reset.scss)에 붙여넣기

CSS Tools: Reset CSS

 

 

2. style 파일(style.scss)에서 reset 파일 불러오기

@import "./reset.scss";

 

---

 

 

출처

노마드코더 CSS Layout 마스터클래스