Как узнать позицию input=range?

Andrew, Не хочу вас расстраивать но у вопроса есть и описание, я где-то слышал что его тоже нужно читать:

Как узнать позицию кружка

Как узнать позицию input=range?

Andrew, https://codepen.io/liltrill/pen/WNNxjJL

Как узнать позицию input=range?

Как мне это поможет позиционировать метку которая должна быть всегда по середине кржка?

Ошибка с переменными css в scss?

Спасибо :)

Ошибка с переменными css в scss?

Рустам Байназаров, Я нашел, спасибо за ссылку на issues.

&__icon-card {
    --value-filter: 100%;

    filter: #{"grayscale( var(--value-filter) )"};
    transition: $transition;
  }

Вот так работает, но тут не доступна функция v:

@function v($var, $fallback: null) {
  @if($fallback) {
    @return var(--#{$var}, $fallback);
  } @else {
    @return var(--#{$var});
  }
}

Но зато прозрачное решение :)

Ошибка с переменными css в scss?

Рустам Байназаров, Да только css :) но это в scss файле, и должно работать но не работает(((. Компилятор с ума сходит.

Ошибка с переменными css в scss?

Рустам Байназаров,

function.scss:

@function v($var, $fallback: null) {
  @if($fallback) {
    @return var(--#{$var}, $fallback);
  } @else {
    @return var(--#{$var});
  }
}

component:

&__icon-card {
     --value-filter: 100%;

     filter: grayscale(v(value-filter));
     transition: $transition;
}

Как поместить созданный файл в input?

Роман, Да уже сделал, просто поместить файл в input type="file". Грубо говоря поведение выбора вручную файла, только на js

Почему не заполняется svg use в Angular?

Антон Швец, Иконок много, запросов тоже что не очень хорошо(. Так же эти иконки в некоторых местах управляються через css, наведение/активное состояния

Почему не заполняется svg use в Angular?

Антон Швец, Спасибо, план Б вы мне создали)) если не найду причину, то придеться использовать ваш вариант :)

Как получить атрибут компонента?

Антон Швец, Ошибка была в attr.name, чтобы заработало нужно было написать

<ui-icon [name]="item.icon.substring(5, item.icon.length)"></ui-icon>

Как получить атрибут компонента?

Александр, а как правильно это сделать?

export class UiIconComponent implements OnInit {
  @Input() name: string;

  constructor() {
    this.name = name;
  }

  ngOnInit() {
  }
}

<ui-icon attr.name="{{item.icon.substring(5, item.icon.length)}}"></ui-icon>

Переменная не доходит, я похоже как то не так @input использую(

Как получить атрибут компонента?

работает, вот только при передачи переменной нет((((

export class UiIconComponent implements OnInit {
  name: string;

  constructor(@Attribute('name')name: string) {
    this.name = name;
  }

  ngOnInit() {
  }
}

<ui-icon attr.name="{{Переменна не доходит то внутренностей компонента}}"></ui-icon>

Запрет новой анимации до ее окончания?

Рустам Байназаров, Понял, спасибо =)

Запрет новой анимации до ее окончания?

Рустам Байназаров, Спасибо, круто, посмотрел, как считаете вешать на документ событие мыши (передвижение) (делегирование) не повлияет сильно на производительность? Пытаюсь нагуглить и не могу что то

Магические числа?

Спасибо =)

Почему drop shadow и box shadow дает разный результат?

Рустам Байназаров, Понял, спасибо)

Почему drop shadow и box shadow дает разный результат?

Рустам Байназаров, Поменял размер размытия, подогнал к нужнмоу виду и стало все нормально. Кстати такой способ создания меню со стрелочкой не являеться плохой практикой?

Почему drop shadow и box shadow дает разный результат?

Рустам Байназаров,

Вот это, с красивой тенью

Почему drop shadow и box shadow дает разный результат?

Рустам Байназаров, я понимаю у меня там еще обтекаемая стрелочка будет вот поэтому нужен drop shadow