Category: scss

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(){

03
Апр
2022

Анимация css и js

подскажите как правильнее сделать анимацию.
есть 7 блоков, нужно их выстроить в 2 ряда: 1-й ряд из 4 блоков одинаковых и 2-й ряд из 3 блоков(3-блок на ширину двух). При нажатии была анимация увеличения блока на всю ширину и высоту родителя…

30
Мар
2022

Не работает background-image в gulp

Всем доброго дня! Пишу проект, нужно добавить на бэк картинку, но background-image не отображается даже в браузере.
Использую Gulp и SCSS.
Заметил такую особенность, что при конвертировании scss в css, к классу, к которому я цепляю бэкграу…

14
Мар
2022

Почему не генерируются стрелки в slick slider?

Мне нужно сделать слайдер как в этом макете Figma. Возникает 2 проблемы:

Не генерируются стрелки.
Слайды уходят в правую часть и видно только один слайд. В JS у меня стоит infinite: true, sliderToShow: 3, в html: 3 слайда, поэтому кол-ва …

14
Мар
2022

Почему не генерируются стрелки в slick slider?

Мне нужно сделать слайдер как в этом макете Figma. Возникает 2 проблемы:

Не генерируются стрелки.
Слайды уходят в правую часть и видно только один слайд. В JS у меня стоит infinite: true, sliderToShow: 3, в html: 3 слайда, поэтому кол-ва …

09
Янв
2022

Как разместить header на главном блоке, а не отдельно

друзья.
Столкнулся с такой проблемой, не могу решить, только position:fixed, но фиксированный хедер мне не нужен. Не знаю, как правильно сформулировать вопрос, поэтому проиллюстрирую:
как получилось у меня, ниже, как нужно.

Нужно, чтобы H…

27
Дек
2021

Gulp работа с FTP, vinyl FTP

// Основной модуль
import gulp from “gulp”;
// Импорт путей
import { path } from “./gulp/config/path.js”;
// Импорт общих плагинов
import { plugins } from “./gulp/config/plugins.js”

// Передаем значения в глобавльную переменную
global…

27
Дек
2021

Не работает форма отправки на почту уже на этапе JS

Проблема в том, что даже если *обязательные поля заполнены, всё равно возвращается "заполните обязательные поля". Хотя, по идее, должна крутиться анимация загрузки.

“use strict”

document.addEventListener(‘DOMContentLoaded’, …

15
Дек
2021

Скрыть колонку из грида

В общем суть такова:
Есть таблица, первая колонка – с чекбоксами, их отображение нужно только в конкретных случаях. Я сделал логику отключения колонки с чекбоксами через v-if и всё отлично работало, но ввиду некоторых нюансов сказали помен…

15
Дек
2021

Скрыть колонку из грида

В общем суть такова:
Есть таблица, первая колонка – с чекбоксами, их отображение нужно только в конкретных случаях. Я сделал логику отключения колонки с чекбоксами через v-if и всё отлично работало, но ввиду некоторых нюансов сказали помен…

06
Дек
2021

Динамически адаптивный шрифт html/css

я верстаю макет сайта и нашёл в Интрнете формулу по которой шрифт сам подстраивается под размер экрана. Вот она font-size: calc(25px + (40 + 40 * 0.7) *(100vw – 320px) / 1170); 25px – это минимально возможный шрифт. 1170 – ширина котейнера…

06
Дек
2021

Динамически адаптивный шрифт html/css

я верстаю макет сайта и нашёл в Интрнете формулу по которой шрифт сам подстраивается под размер экрана. Вот она font-size: calc(25px + (40 + 40 * 0.7) *(100vw – 320px) / 1170); 25px – это минимально возможный шрифт. 1170 – ширина котейнера…

03
Сен
2021

Имена классов через CSS модули генерируются странным образома

Я настроил CSS-modules через webpack, но в результате названия классов выглядят не так как надо.
`Node.js: v14.16.0`
`npm: 6`

Такое чувство, что webpack на них не реагирует. Хотя он должен выглядеть как-то так:
class="Input-input_yto…