假设我需要在我的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;
}