The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More
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 year ago
SASS
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Faizal Author 1 year 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 year 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 Author 1 year 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
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(