Как поменять return в функции при @media?

Question

[Айнур Ярулин]

Здравствуйте, вообщем можно ли как-то совместить функцию и медиа запрос, типо вот так:

@function названиеФункции (что-то) {
  @return какой-то код
  
  @media (max-width: 720px) {
    @return а вот тут уже другой код
  }
}

Как можно такое реализовать?

Answer 1

[Сергей delphinpro]

Нет, это невозможно.
Функция отрабатывает во время компиляции. Медиазапрос срабатывает в браузере, в уже готовом CSS.

Comments

[Айнур Ярулин]

блин, мне просто нужно, чтобы при медиа запросе в функции менялось только одно значение,
иначе придётся в ручную писать много кода, но видать придётся мучатся.

@function adaptive($value) {
  @return $value* (100vw / 668)
}

и вот 668 мне нужно поменять на 376

[Сергей delphinpro]

squadbrodyaga, ну да

@function adaptive($value, $rel: 668) {
  @return $value* (100vw / $rel)
}

.sel {
  prop: adaptive(12);
 
  @include small-device() {
    prop: adaptive(12, 376);
  }
}

[Айнур Ярулин]

Сергей delphinpro, не знал, думаю будет легче, спасибо