Compass – Undefined mixin display-box

Question

I'm trying to do this

@import "compass/css3";
.example {
   @include display-box;
}

Basicaly just use mixin from compass/css3 as described here http://compass-style.org/reference/compass/css3/box/

However it gives me this error Syntax error: Undefined mixin 'display-box'

My Compass version is Compass 1.0.0.rc.1 (Polaris)

What am I doing wrong? Thanks

score 5 · Accepted Answer · answered Aug 07 '14 at 14:09

5

I believe your import is incomplete, per the docs. You want:

@import "compass/css3/box";

answered Aug 07 '14 at 14:09

Paul Roub

Oh I see... I thought that it would import the whole pack `box` included. (as it's here: http://compass-style.org/examples/compass/css3/box/) Thanks – simPod Aug 07 '14 at 14:13
Note that these were deprecated in 1.0 for a reason, you should not be using them. – cimmanon Aug 07 '14 at 14:28
In a newer version of Compass you have to use: @import "compass/css3/flexbox"; Read more here: http://compass-style.org/reference/compass/css3/flexbox/ – laszlo-horvath Oct 20 '14 at 10:03
I got this from the watcher WARNING: The compass/css3/box module is DEPRECATED and will be removed in the next release. Please use compass/css3/flexbox instead. – PavlosVos Jun 09 '15 at 15:22

1 Answers1