Changing SASS With Javascript

Asked Jan 07 '22 at 16:10

Active Jan 07 '22 at 16:12

Viewed 97 times

Is it possible for javascript to change SASS properties
I have already tried using javascript to manipulate the DOM, but it still doesn't work

Example:

HTML:

<div id="thing1"></div>

SASS

#thing1
    display: none
    width: 40vw
    height: 40vh;
    background-color: red

Javascript

document.getElementById("thing1").style.display = "block"

Can someone show me how to make this work

edited Jan 07 '22 at 16:12

asked Jan 07 '22 at 16:10

Ilo

2

Why not use JS to change classes instead? – Anurag Srivastava Jan 07 '22 at 16:12
That could work, but I don't know how to do that, could you explain how to change classes using JS – Ilo Jan 07 '22 at 16:13
6

[How can I change an element's class with JavaScript?](https://stackoverflow.com/q/195951) – VLAZ Jan 07 '22 at 16:14
3

You won't be able to modify SASS with JavaScript as the browser only sees the generated CSS. – phuzi Jan 07 '22 at 16:20
You can change CSS variable values via JavaScript, but not SASS properties – wouch Jan 07 '22 at 23:33

0 Answers0