@at-root doesn't work

[dimitrinicolas]

The function @at-root isn't supported

This feature is really useful especially in order to use this trick : Declaring a CSS Animation @keyframes Directly on an Element using Sass

@mixin animation-keyframes {
  $animation-number: 0 !default !global;
  $animation-number: $animation-number + 1 !global;
  $name: unquote("การเคลื่อนไหวที่-#{$animation-number}");
  animation-name: $name;
  @at-root {
    @keyframes #{$name} {
      @content;
    }
  }
}

[dimitrinicolas]

Oh! I see this feature is already asked on this issues github.com/sass/libsass/issues/353.

I will have to wait

[am11]

Yup, we would have to wait for libsass to bring the support of @at-root.

Lets follow this issue at sass/libsass#353.

[sp90]

This have been solved in libsass back in start of january, when does it get enabled inside nodesass?

[am11]

@sp90, short answer: in the node-sass release which will be published after LibSass vNext is released.

Summary and gotchas:

node-sass v2.0.x corresponds to LibSass' currently latest v3.1.0.

node-sass always correspond to the tagged release of LibSass, as opposed to a random commit.

To check the versions, you can either do:

node-sass --help

# or, if you have not installed globally
node_modules/.bin/node-sass --help

# or if you prefer io.js
iojs node_modules/node-sass/bin/node-sass --help

# (among other things) it will print something like:
# node-sass version: 2.0.1
# libsass version: 3.1.0

# and from code usage:
# in node.js or io.js interactive console:
require('node-sass').info();

# or by script evaluation from CLI:
node -p "require('node-sass').info()"

# prints
node-sass version: 2.0.1
libsass version: 3.1.0

[sp90]

@am11 thanks great answer, +1

[dovidweisz]

I just tried this in my repl and it looks like it works now. (three years later)

My sass.info is

node-sass	4.7.2	(Wrapper)	[JavaScript]
libsass  	3.5.0.beta.2	(Sass Compiler)	[C/C++]