> For the complete documentation index, see [llms.txt](https://learncss.gitbook.io/cssadvand/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learncss.gitbook.io/cssadvand/master.md).

# Gulp để viết Sass && cai dat

Bước  1:\
Cài đặt Node JS

Bước 2:\
npm init\
npm install\
Bước 3:\
Cài đặt Gulp Global\
npm install --global gulp-cli\
sudo npm install gulp -g\
Bước 4: \
Tao file Gulpfile.js

```
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
    return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('app/css'));
    // return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('./'));
});
```

Bước 5:\
Tạo file style.scss

```
.titleallcourse {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 10px;
  &:after {
    content: "";
    position: absolute;
    background-color: #b82929;
    width: 80px;
    height: 1px;
    bottom: 0;
    left: 0;
  }
}
.wrappermb {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: none;
  &.active {
    display: block;
  }
}
```

{% file src="/files/-LsqgTzt01ynA8X9\_Jh8" %}