Getting Error Sass::SyntaxError - Undefined variable: "$filter-field-seperator-width"

[dkniffin]

Getting Error Sass::SyntaxError - Undefined variable: "$filter-field-seperator-width"

[megatux]

What happens if you directly import active_admin/_forms (https://github.com/activeadmin/activeadmin/blob/5b711b6e22230e6e28be2a9d7367e9423d5dcc25/app/assets/stylesheets/active_admin/_forms.scss) like:

@import "active_admin/forms";

That seems to fix the problem here 👍 :

// @import "active_admin/base";
@import "active_admin/forms";
@import "active_material";

[nhunzaker]

Yikes! I wonder what's up. From a quick search, I'm unable to find that variable, however it's hard to do a search from prior commits. What happens if you pull in the latest version of active_material (1.4.1):

https://github.com/vigetlabs/active_material/releases/tag/v1.4.1

[nhunzaker]

Okay. Got it. It looks like this is from active_admin:

https://github.com/activeadmin/activeadmin/blob/2f7703600953b05e629e101a2b4d5a4c8844740c/app/assets/stylesheets/active_admin/_forms.scss

I'm curious if there's a partial compilation bug here, what happens if you clear the asset cache like this:

rake tmp:clear

?

[kotlyarenko-d]

Hello.
Got the same error...
activeadmin (1.0.0.pre2)
active_material (1.4.1)

rake tmp:clear did not help...

[nhunzaker]

This variable is not defined within active_material. It's hard for me to track this down without knowing what your active_admin.scss stylesheet looks like.

Do you have code/gems in your app that rely on active_admin?

What happens if you directly import active_admin/_forms (https://github.com/activeadmin/activeadmin/blob/5b711b6e22230e6e28be2a9d7367e9423d5dcc25/app/assets/stylesheets/active_admin/_forms.scss) like:

@import "active_admin/forms";