Git Product home page Git Product logo

Comments (7)

mblode avatar mblode commented on August 17, 2024 2

Is there any way to update the 'Failed to compile SCSS file' to reflect the actual error. I'm finding it near impossible to convert my site to being compiled by shopify

from slate.

jonathanmoore avatar jonathanmoore commented on August 17, 2024 1

This would be more of a general Shopify issue. Currently, Shopify's CDN servers that compile the SCSS files support Sass 3.2.6. So technically, Bootstrap 4's SCSS files that require at least 3.3 will not compile in any Shopify theme.

from slate.

NathanPJF avatar NathanPJF commented on August 17, 2024

Thanks @jonathanmoore

@mblode I took a look at the repo for bootstrap-sass and see that Sass version 3.3.4 is required. https://github.com/twbs/bootstrap-sass/blob/master/bootstrap-sass.gemspec#L14
You'll need to compile your Sass separately as Shopify's compiler won't be able to do this.

from slate.

mblode avatar mblode commented on August 17, 2024

Yeah, I'm compiling bootstrap 4 with my own custom variables using Codekit and then just importing it. Is there any goal to update Sass from the 5-year-old version Shopify is currently using?

from slate.

NathanPJF avatar NathanPJF commented on August 17, 2024

Is there any goal to update Sass from the 5-year-old version Shopify is currently using?

It's an issue we're aware of, but no timeline I can offer.

from slate.

tomaszbujnowicz avatar tomaszbujnowicz commented on August 17, 2024

Yes, it would be so nice and much easier to have Sass updated or at least have an option to choose which version to use so it doesn't break old themes. Ending up using compiled version of Bootstrap 4 Grid system (by CodeKit) and imported to the current theme.

from slate.

lock avatar lock commented on August 17, 2024

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

from slate.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.