본문 바로가기
html,css

sass(scss) 세팅

by 냉면돈가스 2022. 1. 14.

평범하게 사용할 수 없었던 아래의 css 문법들을

평범한 css로 바꿔주는 전처리기가 sass입니다.

 

.a {
	margin:0px;
	.b {
    	padding:0px;
        }
}

$main-font: 18px;

nav : $main-font;

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

노드를 설치후, 터미널에서

npm install sass -g

를 입력해 sass를 설치한다.

설치 끝


※참고

vscode에선 live sass compiler라고 

저장시 즉각적으로 컴파일해 화면에서 확인할 수 있습니다.

 

'html,css' 카테고리의 다른 글

scss 문법  (0) 2022.01.24
html 시멘틱 태그  (0) 2022.01.14
css display,position  (0) 2022.01.14
visual studio code 필수 확장프로그램  (0) 2022.01.14
css selector 게임  (0) 2022.01.14

댓글