Category: scss

25
Окт
2022

Как в React сделать так, чтобы элементу в методе .map передавался разный класс в зависимости от условия

Мы делаем приложение с Расписанием. У нас есть массив с предметами и мы делаем метод map, куда передаем объекты из этого массива. Нужно передавать разные классы в зависимости от условия. А именно передавать активный класс элементу который …

25
Окт
2022

Как в React сделать так, чтобы элементу в методе .map передавался разный класс в зависимости от условия

Мы делаем приложение с Расписанием. У нас есть массив с предметами и мы делаем метод map, куда передаем объекты из этого массива. Нужно передавать разные классы в зависимости от условия. А именно передавать активный класс элементу который …

21
Окт
2022

Как сверстать выпадающий блок под иконкой?

Есть компонент аккордеон (Collapse из ant Design) в свернутом состоянии:

Есть выпадающий блок под иконкой, когда аккордеон в открытом или активном состоянии:

Мое решение было таким – обернуть иконку и серый блок в общий , выполнить верст…

18
Окт
2022

Module parse failed: Unexpected character ‘@’ (1:0) @use "sass:math"; | | @import "base/mobile-menu-settings";

Где бы я не искал там везде пишут про то как исправить через webpack, но я использую gulp. Я посмотрел на всех сайтах но не смог найти решение этой проблемы

import * as flsFunctions from “./modules/functions.js”;

flsFunctions.isWebp()…

07
Окт
2022

Нужно переработать код js под классы

Есть подобная двусторонняя шкала, с полностью рабочим функционалом, но проблема заключается в том, что их должно быть четыре, а это тонна дополнительного кода, понимаю, что на классах это было бы сделать проще, поэтому прошу помощи. Снизу…

05
Окт
2022

Помогите задать таймер на закрытие тултипа и решить вопросик

Господа-хорошие,

Есть тултип, как сделать на JS, чтобы он закрывался самостоятельно через 2 секунды?;
Обратите внимание, что этот тултип открывается со второго клика, почему так происходит,
и как сделать, чтобы срабатывало с 1 клика?

03
Окт
2022

Импорт паллетов в Angular-библиотеку

Пишу библиотеку с компонентами. Использую палетты цветов.
Вопрос такой, как можно из основного проекта заменить палетты в библиотеке? Примерно как в материале.
Хочется что-то типа:
$primary-palette: (
50: #fff,
100: #cccc,
200: #c9c9…

14
Сен
2022

Мобильное меню с visibility

При появлении во время анимации появляется сначала под контентом, потом всплывает сверху и становится на своё место.
Хочу сделать, чтобы меню всплывало поверх всеъ элементов. прописывал z-index – не помогает.
В JS меню меняется по visibil…

09
Сен
2022

Помогите создать ‘Выпадающий’ блок поиска по сайту

`Ребят, написал код, при котором выпадающая строка поиска по сайту скрывается и появляется при помощи visability.
Теперь вопрос остался, а как всё-таки это чудо анимировать?
Подскажите, в каком направлении анимировать – дальше создам всё с…

23
Авг
2022

Не корректная работа overflow в swiper

такая проблема, есть карусель swiper, код: https://codepen.io/StZD/pen/LYdJyab?editors=0010

Проблема в том, что слева в карусели может быть достаточно много текста и надо сделать scroll, но если сделать обычный через overflow:auto;, то по…

10
Авг
2022

как сделать непрерывную бегущую строку из изображений чтобы она не обрывалась? без тега <marquee>

я у меня получилось вот это но оно обрывается, я использую препроцессор scss
&__box {
display: flex;
align-items: center;
justify-content: space-between;
animation: main__box 10s linear infinite;
margin-bottom: …

19
Июл
2022

webpack dev server теряет изображения при изменении scss файлов

webpack теряет изображения при изменении scss при скрипте dev server, изображения в html при первой сборке все отлично.
базовый конфиг.
const { PATH } = require(‘./CONSTANTS’)
const { getEnteries } = require(‘./GET_ENTERIES’)
const HTMLWeb…

30
Июн
2022

Применение css стиля в зависимости от переданного пропса

Всем привет. У меня есть метод highLightText и в зависимости от значения передаваемого параметра readonly false или true используется тот или иной стиль. Если readonly true то применяется два стиля. У меня метод написан с ошибкой но иде…

18
Июн
2022

GULP. Установка. Ошибка. HELP!

Уважаемые программисты. 4 день мучаюсь с Gulp проект закончен и все файлы проверенны. Но галп упорно отказывается работать. Переустановил его, node.js, перенес проект в другую папку, удалял и устанавливал все с 0. Помогите, подскажите в че…

15
Май
2022

Не могу подключить sass к React

Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…

15
Май
2022

Не могу подключить sass к React

Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…

30
Апр
2022

Как сделать так чтобы класс добавлялся к блокам вокруг(card) нажатой кнопки?

При нажатии на кнопку "В корзину" кнопки minus и plus добавляются ко всем элементам. Как сделать так чтобы она добавлялась только там, где было нажато на кнопку "В Корзину"?

$(‘.swiper__basket’).click(function(){