Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$
Light
Dark
System
Ask  Question

Keen 3 fails to compile


Hi,

I just purchased Keen 3 on getbootstrap.com and I'm unable to follow the documentation to generate the assets as described on https://preview.keenthemes.com/html/keen/docs/getting-started/build/gulp. The last step "gulp --demo1" always ends up in an error:


Error in plugin "sass"
Message:
 node_modules/tinymce/skins/ui/oxide/skin.css
Error: 100% and 0 are incompatible.
 â•·
3864 │ background-size: calc(100% - 11px * 2) calc(100% - 0);
 │ ^^^^^^^^
 ╵


This happens on both Windows (Powershell) and Ubuntu 24.04. I followed exactly the steps as described.

How to fix that?

Best
Marc


G
Guest 1 month ago
SASS
3 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Faizal Author1 month ago

Hi Marc

Glad to hear you were able to fix it with the workaround! We will make sure to include the fix for Keen as well.


G
Guest 1 month ago

I found meanwhile the answer in this question: https://devs.keenthemes.com/question/sass-100-percent-and-0-not-compatible

The Keen release should be fixed with that change.


user
Sean Author1 month ago

Hi,

Glad to hear that. Noted, we will double-check and release a quick fix for this.
If you need anything else please do let us know.

Regards,
Sean


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(