2012-06-12 12 views
6

Sto solo iniziando con sass e bussola e cose e scrivendo i miei mixin funziona bene, ecc ... quindi SASS sembra funzionare bene.Sass/Compass I mix3 di CSS3 non funzionano

La scoperta della bussola suonava molto bene all'inizio, ma ho il problema, che i CSS3 supportati-Mixins predefiniti non funzionano.

GEM Versione: 1.8.24

SASS Versione: 3.1.19

COMPASS Versione: 0.12.1

mio screen.scss

@import "compass/reset"; 

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

ho creato il progetto via compass create myProject. Seguito utilizzando cd myProject. Seguito da compass watch.

Scrivendo il suddetto .scss ottengo il seguente messaggio di errore

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

Il manuale della bussola non indica nulla di più configurazione necessaria. Quindi sono un po 'bloccato qui. Qualsiasi aiuto sarà molto apprezzato!

Soluzione

Anche se il pensiero l'ho fatto in precedenza in un test, anche, la soluzione è quella di includere in realtà la bussola "classe" richiesto tramite @import "compass/css3"

+1

pubblica la tua soluzione come risposta e accettala. – Christoph

risposta

11

Il problema era che non ho import la dipendenza bussola/css3. Questo viene fatto aggiungendo @import "compass/css3" al file .scss

+0

I miei mixin di bussola non funzionano anche dopo aver usato questa importazione –

+0

sembra un altro problema quindi @AdityaSanghi - Suggerisco di aprire una nuova domanda. – Sam