Enqueue SASS stylesheet

  • pfbarnet

    (@pfbarnet)


    4 years, 9 months ago

    I’m taking over a site from a previous dev and I don’t have a lot of experience working with SASS. It looks like the files are set up properly but there are some issues with how a component is displaying so I suspect something isn’t being included properly.

    In the style.scss file it looks like the partials are imported correctly but I’m thinking the style.scss file itself might not be enqueued properly in the functions.php file, if SASS works similarly to vanilla CSS.

    How do you enqueue the style.scss file? Do I need to install a compiler for this?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Joy

    (@joyously)

    4 years, 9 months ago

    You must process the SASS with a compiler which will generate CSS files which are then loaded onto your site and enqueued by the theme (or plugin).

    Thread Starter pfbarnet

    (@pfbarnet)

    4 years, 9 months ago

    Okay, I went in and installed SASS via the command line but still no luck. Am I missing something? Does it just automatically enqueue after I have SASS installed?

    Joy

    (@joyously)

    4 years, 9 months ago

    No. SASS is outside the scope of the website. You have to use CSS for the web. SASS is not understood by the browser.

    Thread Starter pfbarnet

    (@pfbarnet)

    4 years, 9 months ago

    Right so after I install the compiler, what exactly do I need to do with the theme files in order to make it work? Or is there nothing I need to do? Or do I need to enqueue a style.css because that’s what the functions file will understand?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    4 years, 9 months ago

    but I’m thinking the style.scss file itself might not be enqueued properly in the functions.php file

    What do you mean by not enqueued properly; I recommend exploring that further before getting lost in your sass setup which sounds like it’s not documented.

    Thread Starter pfbarnet

    (@pfbarnet)

    4 years, 9 months ago

    Well I’m not accustomed to working with CSS preprocessors so normally I would enqueue the style.css using wp_enqueue_style. How does one get the SCSS to actually play nice with WordPress?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    4 years, 9 months ago

    You would really notice if the style.css file wasn’t being included properly. I do not think that’s the issue and I do not think you need to worry about scss right now. At least not before you’ve identified the issue.

    mrtom414

    (@mrtom414)

    4 years, 9 months ago

    When you compile the scss file it will produce a css file. You don’t enqueue the scss file. You want to compile it into a css file. You should be able to find some tutorials on youtube for this.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Enqueue SASS stylesheet’ is closed to new replies.

Tags