Sass / Compass CSS3 mixins not working

I am just starting with sass and compass and stuff, and writing my own mixes works fine, etc., so SASS works fine.

Compass detection sounded very good, but I have a problem that standard CSS3-Supported-Mixins will not work by default.

GEM Version: 1.8.24

SASS Version: 3.1.19

COMPASS Version: 0.12.1

My screen.scss

@import "compass/reset"; .bam { @include border-radius(5px); } 

I created a project through compass create myProject . Then use cd myProject . What follows is a compass watch .

Writing the above .scss , I get the following error message

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

The compass manual says nothing about the need for additional configuration. So I'm stuck here. Any help would be greatly appreciated!

Decision

Although thinking that I did this earlier in the test, the solution is to actually INCLUDE the required Compass class via @import "compass/css3"

+6
source share
1 answer

The problem was that I did not import the compass / css3 dependency. This is done by adding @import "compass/css3" to the .scss file

+11
source

Source: https://habr.com/ru/post/917866/


All Articles