2016 theme SASS preprocessor doesn't work

  • Unknown's avatar
    harmanmd · Member ·

    The 2016 theme offers SASS (SCSS) preprocessor option, but I can’t get even the simplest SASS to preprocess. I tried the following (super simple SASS color definition):

    $widget-red: #FF0000;

    .widget_meta li > a {
    color: $widget-red;
    font-size: 12px;
    }

    if the SASS color definition ($widget-red: #FF0000;) is in front of the .widget_meta li > a CSS statement (as above), the entire statement is ignored, if the SASS color definition is at the beginning of CSS (in customizer), then it does nothing: no SASS preprocessing gets done at all (After saving, I looked at the site in Chrome DevTools and my custom CSS is just the unpreprocessed version.

    Do I need some special syntax to tell the wordpress Customizer what is SASS SCSS and what is plain vanilla. I do have the SASS option selected at the bottom of the Customizer/CSS window. I also tried doing it in the CSS Revisions window, ensuring the preprocessor was (allegedly) on. Tried saving both. Nothing seems to work.

    Ultimately, I need to use SASS mixins and lists.

    What am I missing?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’m checking into this for you and will get back to you just as soon as I can chat with the developers.

  • Unknown's avatar
    harmanmd · Member ·

    Looking forward to response from your dev team. To make the situation clearer, I added a page to my site to demonstrate the problem exactly:
    My SASS test page: globalcontraction.com/sass-test/

    You’ll see from that page that I could precisely duplicate (on Codepen) my problem by turning off (Codepen’s) SASS compiler. I have verified, on both Appearance > Customizer > CSS Appearance > Customizer > CSS > CSSRevisions, that the SASS compiler on wordpress.com 2016 theme is supposed to be turned on for my site. The problem appears to be that either the SASS compiler in 2016 theme is not operating at present, or is not being turned on for my site.

    Thanks, in advance, for all your help.

  • Unknown's avatar
    thesacredpath · Member ·

    @harmanmd, many thanks for reporting this, and we have filed a bug report. It seems that when you save the customizer is setting the preprocessor back to none. Then you have to select it again and save again after a refresh of the Customizer page. I can’t make any prediction on when this will get fixed, but fingers crossed it is soon. I’ll let you know.

  • The topic ‘2016 theme SASS preprocessor doesn't work’ is closed to new replies.