Hỗn hợp Sass/Compass CSS3 không hoạt động

Question

Tôi chỉ mới bắt đầu với sass và la bàn và các công cụ và viết mixins của riêng tôi hoạt động tốt, vv ... vì vậy SASS có vẻ hoạt động tốt.

Khám phá về la bàn có vẻ rất tuyệt vời lúc đầu, nhưng tôi có vấn đề, mặc định CSS3-Supported-Mixins sẽ không hoạt động.

GEM Version: 1.8.24

Sass Version: 3.1.19

COMPASS Version: 0.12.1

screen.scss My

@import "compass/reset"; 

.bam { 
    @include border-radius(5px); 
} 

Tôi tạo ra dự án qua compass create myProject. Tiếp theo bằng cách sử dụng cd myProject. Tiếp theo là compass watch.

Viết nêu trên .scss tôi nhận được thông báo lỗi sau đây

Change detected at $time to: screen.scss 
error sass/screen.scss <Line 11: Undefined mixin 'border-radius'.> overwrite stylesheets/screen.css 

Sổ tay la bàn không nêu bất cứ điều gì về cấu hình hơn cần thiết. Vì vậy, tôi là loại bị mắc kẹt ở đây. Chúng tôi rất trân trọng bất kỳ sự giúp đỡ nào!

Giải pháp

Mặc dù suy nghĩ tôi đã làm như vậy trước đây trong một bài kiểm tra cũng vậy, giải pháp là để thực sự BAO GỒM NHỮNG SỰ Compass "class" yêu cầu qua @import "compass/css3"

Answer 1

Vấn đề là tôi đã không nhập khẩu sự phụ thuộc của la bàn/css3. Điều này được thực hiện bằng cách thêm @import "compass/css3" vào .scss-file