[MAC] sass install 설치하기
1. desktop에 tutorial 폴더 생성
2. tutorial 폴더 내부에 css, scss 폴더 및 index 파일 생성
<link rel="stylesheet" href="css/style.css" type="text/css">
3. Terminal 실행
$ cd Desktop/tutorial
$ sudo gem install sass
$ sass -v
4. 실시간 컴파일 설정
$ sass --watch scss/style.scss:css/style.css
5. style.scss 파일 작성
// colors
$black: #000;
$white: #fff;
$red: #af272f;
$blue: #282832;
$bg: #fff69a;
h1{color: $red;}
body{background: $bg;}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page Title</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<h1>My First Heading</h1>
<p>MY first paragraph.</p>
</body>
</html>
'Front End > sass' 카테고리의 다른 글
| [MAC] SASS 설치 하는 방법 영상편 (링크) : Installing SASS on a Mac (0) | 2018.12.10 |
|---|