1

Since @import will be deprecated in Dart SASS, I've tried to find a solution for the following problem. I want to use the same partials for different clients which have different, colors, fonts, font sizes, etc. Here is a simplified example:

client1.scss

$brandColor: red;
$font: Arial;
@import 'styles'

client2.scss

$brandColor: blue;
$font: Verdana;
@import 'styles'

styles.scss

body {
   color: $brandColor;
   font: $font
}

In the styles.scss I can only use one of the clients stylesheets with the @use statement and since there is no way to make variables globally accessible I don't know how to solve this except rewriting all SASS variables to CSS variables. But using CSS variables instead of pre-compiled properties lead to larger CSS files.

I have this scenario multiple times and must now rewrite 30 projects due to necessary change of the IDE and upgraded node modules like SASS.

Is there any solution for this?

Improve this question
Related questions
2516
What's the difference between SCSS and Sass?
1867
Sass Variable in CSS calc() function
5
import of SASS partials in Angular2 components
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.