Change variable on media request?

Question

Sass

Hello. I change the variable during the media query, but as a result, the media query becomes the main one, and the value of the variable outside the query is simply ignored.

What is the correct way to use a variable in a media query?

$mainFontSizeInContacts: 25px;

@media (max-width: 480px) {
  $mainFontSizeInContacts: 17px !global;
}

Answer 1

SASS variables work at compile time, they are normal values ​​at the output, so you cannot change them in the browser.