假设我需要在我的SCSS和我的代码(Typescript / JS)之间共享一个变量(不是标准的CSS值)?

我需要CSS中的变量用于设计,而在代码中需要其他方面 .

我想在SCSS中定义变量,并从Typescript(Angular2 / Ionic2)访问它,但我无法理解如何这样做 . 有很少的例子,但大多数是jQuery或只是不适合Ionic2 / Angular2 . 我试图定义一个类并将其添加到我的离子内容中,但我仍然无法从中读取我的自定义CSS属性/属性(?)...

HTML:

...
<ion-content class="zozo">
...

TS:

@ViewChild( Content ) content: Content;

...

static getSassProperty( propName: string )
{
    let ne: HTMLElement = MyApp.me.content.getElementRef().nativeElement;
    let value = ne.style[ "--" + propName ];
    return value;
}

SCSS:

.zozo
{
    --cropper-width: $cropper-width;
    --cropper-height: $cropper-height;
}