angular scss variable in typescript

MitchAloha answered on December 21, 2022 Popularity 9/10 Helpfulness 2/10

answer angular scss variable in typescript

angular scss variable in typescript

Comment

//In the css file:
:root {
  --bs-light: #f1f2f3;
  --bs-dark: #3e3e3c;
}

//in the typescript file:
export enum ScssVariables {
    Light = "light",
    Dark = "dark",
}

@Directive({
    selector: "[test-attr]",
})
export class TestDirective {
    public styles: { [key in ScssVariables]: string | null } = {
        light: null,
        dark: null,
    };

    constructor() {
        const styles = window.getComputedStyle(document.body);
        Object.keys(this.styles).forEach((key: ScssVariables) => {
            this.styles[key] = styles.getPropertyValue("--bs-" + key);
        })
        console.log(this.styles);
    }
}

Popularity 9/10 Helpfulness 2/10 Language typescript

Source: stackoverflow.com

Tags: angular typescript

Link to this answer
Share Copy Link

Contributed on Dec 21 2022

MitchAloha

0 Answers Avg Quality 2/10

angular scss variable in typescript

Contents

More Related Answers

angular scss variable in typescript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.