1. Cài đặt trên Visual studio Code:
Import libary: Live sass
Sau đó để kích hoạt click vào "Watch Sass" dưới góc phải màn hình VSC.
2. Sử dụng biến:
$main-color:blue;
3. Kế thừa:
Tạo file với tên _header.scss
Lệnh:
@import "header";
4. Function:
Dùng @mixin
Tham khảo:
Import libary: Live sass
Sau đó để kích hoạt click vào "Watch Sass" dưới góc phải màn hình VSC.
2. Sử dụng biến:
$main-color:blue;
3. Kế thừa:
Tạo file với tên _header.scss
Lệnh:
@import "header";
4. Function:
Dùng @mixin
Mã:
$main-color:blue;
@mixin buttonStyle {
background: $main-color;
border: 0;
padding: 5px 10px;
color: white;
}
footer botton {
@include buttonStyle();
}
Tham khảo: