Support sass mixin and variables within component style

Hi, Is it possible to use sass mixins and variables within component’s style?

For instance I import bourbon in the main style.scss:

/* You can add global styles to this file, and also import other style files */
@import '~normalize.css';
@import '~animate.css';
@import '~bourbon/app/assets/stylesheets/bourbon';
@import '~bourbon-neat/app/assets/stylesheets/neat';

I want to be able to do the following in app.component.scss

:host{
  @include linear-gradient(to top, red, orange);
  background-color: $primary;
}

[grizzm0]

Simply import it again wherever you need the function/variable. Just as you’d need to import any typescript function/variable you’ve exported.

They will not impact the build size in any way as they just contain mixins/variables.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}