Category: scss

14
Апр
2021

Как реализовать прокрутку таблицы при выполнении условий?

Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…

14
Апр
2021

Как реализовать прокрутку таблицы при выполнении условий?

Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…

19
Мар
2021

При написании media запросов Gulp выдаёт ошибку: Error in plugin "sass"

Всем доброго дня! Подскажите, пожалуйста, в чем может быть причина?
При написании медиа запросов возникает данная ошибка: Error in plugin "sass"
Message:
src\sass\style.scss
Error: File to import not found or unreadable: base…

23
Фев
2021

Flip-cards на IOS устройствах. Текст бликует при закрытии карточки

Всем привет! У меня такая проблема. Я создал флип-кард. При нажатии на карточку она переворачивается. Есть сразу несколько карточек. Есть открытая карта и при нажатии на другую закрытую карту открытая закрывается. НО прикол в том что на IO…

22
Янв
2021

Слайдер с табами

Подскажите слайдер с табами, что бы при переключении по стрелкам активный таб менялся,
и по клику на таб, активный слайд менялся, можно библиотеку, нашел только как вариант Coda Slider, но он не совсем подходит.
Может есть варианты не би…

21
Янв
2021

Активные ссылки в навигации

не могу понять как сделать что бы желтый прямоугольник плавно переезжал к активному пункту меню при наведении(mouseenter), нужно реализовать на js.
пробовал добавлять активный класс каждой ссылке при mouseenter,
но тогда желтый прямоугльн…

21
Янв
2021

Менять цвет линий и кругов при скроле вниз и обратно

Нужно сделать так что бы при скроле линии меняли цвет(когда цвет фона черный то круги и линии белые) и менялся активный круг с Продукция на другой, (скролл вверх и обратно).
Я начал писать на jquery, сделал что бы при скроле вниз менял…

12
Янв
2021

Помогите пожалуйста сделать маленький функционал для калькулятора на vue.js

Помогите пожалуйста сделать функционал на vue.js! У меня есть калькулятор. Заказчик попросил сделать что бы при нажатии и выборе определенного элемента из списка, появлялись несколько картинок(цветов), которую можно выбрать и в процессе от…

13
Дек
2020

Не работает backround url (GULP + SASS)

Выдает Cannot GET /images/img.png при просмотре в режиме разработчика (Open in new tab), при этом через img в HTML все хорошо.
На SCSS подключение не ругается, дает зеленый свет.
Через ссылку получается background-image: url("https:/…

29
Ноя
2020

Как подружить свойства display, opacity и transition?

Мне нужно, чтобы элемент плавно появлялся из ниоткуда. Его изначальные стили:
transition: ‘all 1s linear’;
display: ‘none’;
opacity: 0;

При клике он должен появляться и становиться в:
display: ‘block’;
opacity: 1;

В моем коде он появляет…

24
Окт
2020

Как поместить стрелки внутрь swiper?

По макету нужно сделать такой блок:

Вроде бы ничего особенного. Я решил использовать swiper т.к. его дефолтные стили похожи на макетные. Я пока просто подключил его и получил следующие:

Как поставить стрелки на картинку?
Моя разметка:
&l…

13
Окт
2020

Как вообще должна работать эта функция?

С помощью Node.js хочу получить из директории fonts все шрифты (они там в формате woff и woff2) и подключить их в файл fonts.scss, но функция, которую я нашел в интернете не работает. После запуска gulp файл так и остается пустым. Помогите…

12
Окт
2020

Как два разные сss файла подключить к 2-ум разным html файлам с помощью webpack? типа: style1.css -> index1.html, style2.css -> index2.html

const HTMLWebpackPlugin = require(‘html-webpack-plugin’)
const {CleanWebpackPlugin} = require(‘clean-webpack-plugin’)
const MiniCssExtractPlugin = require(‘mini-css-extract-plugin’)

const isDev = process.env.NODE_ENV === ‘development’

mo…

11
Окт
2020

@import в js файлах

В scss у меня есть главный файл common.scss в который я добавляю новые файлы с помошью команды @import
Потом все это дело обарабатывается с помощью gulp
common.scss
@import ‘./my-file’;

my-file.scss
.container {
color: red;
}

Как так…

08
Окт
2020

Проставить даты на кнопках автоматически JS

Я создал календарь с расписанием лекций/пар, вся информация вытягивается из файлов JSON и JS сам формирует карточки в зависимости от дня недели и элемента из json файла, пример здесь.
Задача состоит в том, чтобы не вытягивать из файлов jso…

05
Сен
2020

Плавное возвращение анимации @keyframes

Недавно столкнулся с проблемой , плавности возвращения анимации "keyframes" , а именно свойства transform. Вроде как удалось решить данную проблему ,но когда попробовал на телефоне плавной анимации возвращения не было. Так же ког…

04
Сен
2020

Помогите решить проблему с отображением подменю

Помогите пожалуйста решить данную проблему!
Есть кастом меню на шаблоне Customizr
Проблема в том что выпадающее меню на главной странице работает правильно и когда неподвижно и когда при прокрутке
https://mebelkharkov.com/

а вот на других…

07
Июл
2020

Materialize.css 1.0: как правильно подключить отдельные элементы библиотеки (в частности как настроить правильную работу JS-составляющей)?

Интересует принципиальная схема подключения SCSS-набора компонентов, установленных через npm.
Всю библиотеку подключать Неправильно, пытаюсь подключить нужные компоненты. Не могу понять, из-за чего не срабатывает нужный эффект (в частности…

22
Июн
2020

Что сейчас лучше использовать для автоматической сборки SCSS, компиляции babel и минимизации JavaScript, автоматического запуска тестов?

До сего момента делаю все это разными утилитами или полувручную, но сейчас кода становится все больше и больше и хотелось бы все это автоматизировать. Что лучше использовать для этих целей?

11
Июн
2020

Проблемы с работой gulp watch

Готовлю проект, и решил воспользоваться сборщиком gulp. Написал команды, но не работает gulp watch. Никаких ошибок в терминале при запуске не выдает, из-за этого сложно понять в чем проблема.
Возможно кто-то сталкивался с подобным.

Прилаг…