Category: sass

09
Сен
2022

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

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

22
Июл
2022

Как добавить JS скрипт в React

Хочу добавить JS скрипт, который будет менять анимации при наведении на кнопку, но не знаю как правильно это сделать, index.html файла нет. React 18.2

// Сам JS Код
let contactMeBtn = document.getElementById(“contact-me-btn”);
let hand…

25
Июн
2022

Дублирование селекторов в инсперкторе при сборке Webpack

При разработке, заметил в девтулзах что стили, примененные к селекторам дублируются (перекрывают друг-друга).

Использую препроцессор sass, собираю все стили в dist/style.css
{
test: /\.s(a|c)ss$/,
exclude: /node_modules/,

25
Июн
2022

Дублирование селекторов в инсперкторе при сборке Webpack

При разработке, заметил в девтулзах что стили, примененные к селекторам дублируются (перекрывают друг-друга).

Использую препроцессор sass, собираю все стили в dist/style.css
{
test: /\.s(a|c)ss$/,
exclude: /node_modules/,

07
Июн
2022

Новый CSS в медиа запросах отображается не верно на хостинге

Проблема такая, на локальной машине и на гитхабе сайт выглядит как надо, но как только я заливаю сайт на хостинг, некоторые css стили не срабатывают, пути указываю так
<link rel="stylesheet" type="text/css" href=&quo…

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 у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…

26
Фев
2022

Выпадающей список выбор языка на js css

Написал код для выбора языка. Проблема в том, что в js по клику, не всегда приходит элемент li. Нужно сделать так, чтоб по клику раскрывался выбор и после выбора выбранный элемент стал первым. Знаю что есть библиотека custom-select, но ра…

04
Авг
2021

ошибка в работе плагина gulp-sass

пробовал устанавливать node-sass, не помогло в коде вроде бы все верно, в гугле не нашел ничего путного, пробовал делать по видео делал все точь в точь все работало, но в моменте конвертации sass в css и установки gulp-sass постоянно выла…

04
Авг
2021

ошибка в работе плагина gulp-sass

пробовал устанавливать node-sass, не помогло в коде вроде бы все верно, в гугле не нашел ничего путного, пробовал делать по видео делал все точь в точь все работало, но в моменте конвертации sass в css и установки gulp-sass постоянно выла…

10
Июл
2021

Настройка путей к картинкам в sass, используя webpack

Возникла небольшая проблема, я работаю с дев-сервером и sass лоадером в вебпаке. Когда указываю пути к картинкам через sass, не могу достучаться до них. Не понимаю, как решить такую проблему.
Настройки вебпака
const path = require(‘path’);…

17
Май
2021

Различаются цвета в браузера по сравнению с исходником

Имеется .scss в котором определена переменная $backColor: #f6f2f2;
После сборки Webpack’ом цвет в браузере инициализируется как #999898
К цвету не применяется никакое затемнение. Просто вывожу background-color.
В собранном .css цвет уже ин…

03
Дек
2020

Выезжающий блок

Хотел бы узнать, как сделать так, чтобы при нажатии на некую кнопку(или любой другой элемент) один из двух блоков(которые находятся внутри другого) уезжал за экран, после чего второй блок занимал бы 100% ширины и вполтную к левому краю экр…

28
Ноя
2020

webpack не собирает css вместе с pug

Есть простая сборка проекта. css и sass перестаёт подключаться, если вместо html использую pug. В ином случае все работает но вместе с pug выдает ошибку:
css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./sr…

28
Окт
2020

Vuetify при подключение ломается

Только подключил vuetify к проекту и он выбивает такую ошибку

Если надо вот Git проекта
Раньше на проекте использовался materialize. Подключен в файле index.html, так как в npm 1.0.2 версии не было, и бустрап (Верстал на бутрапе, а ui ком…

28
Окт
2020

Как отменить создание дополнительной картинки в webpack 5?

Всем привет.
У меня такая история: взял я одну сборку webpack и начал переписывать под себя как тут выскочила но не ошибка,баг – одним словом: в новой версии webpack вместо url-loader, raw-loader и file-loader стали использовать asset, ass…

27
Окт
2020

Почему выскакивает ошибка компиляции в Webpack?

Помогите пожалуйста решить проблему webpack:
код ошибки:
она появляеться когда запускаю build сборку. Вот git repo с проектом.
Не пойму что за проблема, гуглил но толком ничего не нашел или нашел но не помогло.
Как решить данную проблемы?…