Как можно проверить точку внутри многоугольника на пустую зону?

Ivan Ustûžanin, а там 2 массива))

spoiler

[
    [
        [56.28108174022461, 44.03654989363096],
        [56.2802825182821, 44.038688529432676],
        [56.280396174693486, 44.04153883411943],
        [56.27797921271816, 44.04220045625004],
        [56.27791161072873, 44.043377094232284],
        [56.27753363713617, 44.04463956290302],
        [56.27515412357318, 44.045319140442174],
        [56.2734519882113, 44.04656734629258],
        [56.272768037075856, 44.044380494170134],
        [56.27163594886981, 44.03967099274842],
        [56.269177443935455, 44.041371742068044],
        [56.26973616764104, 44.04380998446471],
        [56.270348611693656, 44.04616239617289],
        [56.2718371959818, 44.05188132340108],
        [56.27277248928759, 44.05454766796605],
        [56.273946531155765, 44.05691360512146],
        [56.275075971176314, 44.05656046874834],
        [56.27614568851648, 44.05549922919527],
        [56.27786722954118, 44.05444963369516]
    ],
    [
        [56.291216734722155, 43.98910238709358],
        [56.29132901043015, 43.98808032840502],
        [56.291430441563946, 43.9867070373894],
        [56.291877928589486, 43.981725558745815],
        [56.29292502770475, 43.98211716126195],
        [56.29354850038047, 43.982329055774066],
        [56.294237589878705, 43.982589230048525],
        [56.29542535606158, 43.98303123730059],
        [56.29626952194196, 43.983345055755336],
        [56.296997338978066, 43.9836266877019],
        [56.297836995841884, 43.98373934048058],
        [56.29843205228422, 43.983782255824764],
        [56.29902262541491, 43.983835900005054],
        [56.298646807210346, 43.98836883324024],
        [56.29749546804321, 43.9880469681585],
        [56.297024184442826, 43.98789676445366],
        [56.29663044936541, 43.98781093376518],
        [56.29629636792353, 43.99108322876335],
        [56.29583216523063, 43.9909101786944],
        [56.295587565046446, 43.99302375939812],
        [56.29451369197926, 43.99394643929925],
        [56.293761962804325, 43.99454725411859],
        [56.29329063297137, 43.994740373167666],
        [56.292998286218214, 43.991811400923396],
        [56.292950555922864, 43.990298635039004],
        [56.29213783304064, 43.98986155059457],
        [56.291571019105845, 43.989518227840655],
        [56.29118319418219, 43.989518227840655],
        [56.291216734722155, 43.98910238709358]
    ]
]

Мне нужно их сравнить или сначала 2 проверить?

Как можно проверить точку внутри многоугольника на пустую зону?

Ivan Ustûžanin, читал, но мне если честно не совсем понятно как это грамотно сделать.
Получается мне нужно получить координаты внутренней пустоты?

Умный фильтр в корне 1-го уровня разделов, где не выведены товары, кто то делал?

Для темы аспро: корпоративный сайт 2.0 можно вывести фильтр, если в корневом разделе product для комплексного компонента news будет указан такой параметр "INCLUDE_SUBSECTIONS" => "Y"

Как сделать hover у вертикального градиента?

Ankhena, дело в том, что мне не совсем понятно как background-size рассчитывать)
У меня там указан background-size: 100% 300%, в других примерах процент отличается.

Как сделать hover у вертикального градиента?

Ankhena, понял, а вот так нормально будет: ссылка?
Единственное не совсем понятно, как рассчитывать background-size?

Как сделать hover у вертикального градиента?

SargisAleksanyan2003, понял, спасибо большое.

Как сделать hover у вертикального градиента?

Ankhena, спасибо за пример.
А если не использовать переменные, то добавлять background-size?

Как сделать hover у вертикального градиента?

А как сделать, чтобы градиент был плавным?

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Ankhena, в фигме иконка pinterest цельная и ее нельзя отделить от кружочка.
У данной иконки меняется только цвет у кружочка.

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Ankhena, а в данном примере?
Все можно с помощью псевдоэлементов сделать?

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Ankhena, тоже думал об этом)
Просто иконки в спрайте будут разные (даже с градиентом), обновил ссылку

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Александр Васильев, понял, спасибо большое.

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Ankhena,

если реальный пример это всё таки не круг с лого

В реальном примере при наведении на иконку цвет у круга должен измениться.

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

если несколько, то как-то так fill="var(--color-6)" и в стилях сответственно

Доброго времени суток, а других вариантов без использования переменных нету?

Как изменить цвет у сложных спрайтовых иконок в отдельном файле?

Ankhena, доброго времени суток.

Либо через currentColor либо стереть fill в исходнике

А как сделать разный цвет для круга и название у логотипа?

задать класс и задавать классу fill в стилях.

А если спрайт подключается как отдельный svg файл, там же нельзя к path обратиться.

Как правильно добавить в данном примере сайдбар и main по бэм?

Александр Васильев, а почему?
На скриншоте есть пример.

Как правильно добавить в данном примере сайдбар и main по бэм?

Александр Васильев, доброго времени суток.
А могли бы показать свой вариант?
P.S. Мог бы отметить ваше решение.

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, понял, спасибо вам большое!

Спека разрешает. Даже для nav.

Вы предлагаете сделать внутри aside фильтр в виде nav?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena,

осталось вытащить из aside

А есть статья на эту тему?
Просто на многих сайтах используют фильтрацию внутри aside.
Или aside больше относится к статьям?

Можно раздробить еще на блоки. Или наоборот, не выделять picture в блок.

Т.е. можно просто класс gallery использовать?

Как правильно добавить в данном примере сайдбар и main по бэм?

Ankhena, извиняюсь, про теги забыл.
Изменил дивы на вашу рекомендацию:

<form action="" class="filters__form">
  <fieldset class="filters__item">
    <legend class="filters__title">Заголовок фильтра</legend>
    <ul class="filters__list">
      <li class="filters__item-field">
        <input type="checkbox" name="name-filter" class="filters__checkbox" id="name-filter">
        <label for="name-filter" class="filters__btn">Векторы</label>
      </li>
    </ul>
  </fieldset>
</form>