Issues when building theme https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&threadId=121337152 2026-04-04T21:48:56Z 2026-04-04T21:48:56Z Daniel G https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=121353871 2022-02-07T21:35:47Z 2022-02-07T21:34:52Z

<p>For anyone who has this issue, after a lot of test, these are the versions that make it work:</p> <p>- nodejs 10.16.3   </p> <p>- gulp 3.9.1</p> <p>- yeoman 3.1.1</p> <p>- python 2.7.18</p> <p>- generator liferay-theme 9.5.4</p> <p> </p> <p>Regards</p>

Daniel G 2022-02-07T21:34:52Z Daniel G https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&messageId=121337151 2022-01-20T08:39:42Z 2022-01-20T07:47:44Z

<p>Hi,</p> <p>I am facing issues with my environment, I guess. I am trying to create a new theme, but I am receiving errors like this when I try to compile:</p> <pre> <code class="language-java">Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($spacer, 2) or calc($spacer / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 306 │ $headings-margin-bottom: $spacer / 2 !default; │ ^^^^^^^^^^^ ╵ build\_css\clay\bootstrap\_variables.scss 306:31 @import build\_css\clay\base.scss 10:9 @import build\_css\clay.scss 1:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 501 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default; │ ^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\clay\bootstrap\_variables.scss 501:73 @import build\_css\clay\base.scss 10:9 @import build\_css\clay.scss 1:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($custom-control-indicator-size, 2) or calc($custom-control-indicator-size / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 571 │ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\clay\bootstrap\_variables.scss 571:49 @import build\_css\clay\base.scss 10:9 @import build\_css\clay.scss 1:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($spacer, 2) or calc($spacer / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 717 │ $nav-divider-margin-y: $spacer / 2 !default; │ ^^^^^^^^^^^ ╵ build\_css\clay\bootstrap\_variables.scss 717:37 @import build\_css\clay\base.scss 10:9 @import build\_css\clay.scss 1:9 root stylesheet Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. Recommendation: math.div($spacer, 2) or calc($spacer / 2) More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 722 │ $navbar-padding-y: $spacer / 2 !default; │ ^^^^^^^^^^^ ╵ build\_css\clay\bootstrap\_variables.scss 722:37 @import build\_css\clay\base.scss 10:9 @import build\_css\clay.scss 1:9 root stylesheet [08:42:06] 'build:compile-css' errored after 4.11 s [08:42:06] Error in plugin &quot;sass&quot; Message: build\_css\compat\components\_dropdowns.scss Error: compound selectors may no longer be extended. Consider `@extend .dropdown-item, .disabled` instead. See http://bit.ly/ExtendCompound for details. ╷ 34 │ @extend .dropdown-item.disabled; │ ^^^^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\compat\components\_dropdowns.scss 34:11 root stylesheet Details: formatted: Error: compound selectors may no longer be extended. Consider `@extend .dropdown-item, .disabled` instead. See http://bit.ly/ExtendCompound for details. ╷ 34 │ @extend .dropdown-item.disabled; │ ^^^^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\compat\components\_dropdowns.scss 34:11 root stylesheet line: 34 column: 11 file: C:\Proyectos\theme\test-theme\build\_css\compat\components\_dropdowns.scss status: 1 messageFormatted: build\_css\compat\components\_dropdowns.scss Error: compound selectors may no longer be extended. Consider `@extend .dropdown-item, .disabled` instead. See http://bit.ly/ExtendCompound for details. ╷ 34 │ @extend .dropdown-item.disabled; │ ^^^^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\compat\components\_dropdowns.scss 34:11 root stylesheet messageOriginal: compound selectors may no longer be extended. Consider `@extend .dropdown-item, .disabled` instead. See http://bit.ly/ExtendCompound for details. ╷ 34 │ @extend .dropdown-item.disabled; │ ^^^^^^^^^^^^^^^^^^^^^^^ ╵ build\_css\compat\components\_dropdowns.scss 34:11 root stylesheet relativePath: build\_css\compat\components\_dropdowns.scss domainEmitter: [object Object] domainThrown: false [08:42:06] 'build' errored after 7.51 s</code></pre> <p>My versions are:</p> <p>gulp - 4.0.3</p> <p>node - 16.13.2</p> <p>npm - 8.1.2</p> <p> </p> <p>Anyone can help me with this?<br /> <br /> Thanks in advance     </p> <p>Regards</p>

Daniel G 2022-01-20T07:47:44Z