Category: scss

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. Никаких ошибок в терминале при запуске не выдает, из-за этого сложно понять в чем проблема.
Возможно кто-то сталкивался с подобным.

Прилаг…

11
Июн
2020

Как заставить SCSS переопределить дочерние классы, используя конструкцию: local?

Я использую библиотеку AntDesign. Я беру оттуда компонент Select, заключаю его в блок и хочу переопределить некоторые классы. Вот как я это делаю:

select.tsx

import React from “react”;
import { Select } from ‘antd’;
import s from ‘./sty…

22
Май
2018

Почему мы решили отказаться от LESS в пользу SCSS: сравнение препроцессоров CSS

От автора: прежде всего, что такое препроцессор? Вкратце препроцессор – это программа, модифицирующая данные под входные требования другой программы. Препроцессоры CSS – это скриптовый язык, расширяющий возможности обычного CSS переменными, правилами вложенности, функциями и логическими блоками. Зачем мне его использовать? Часто вы будете попадать в ситуацию, когда придется использовать одинаковое значение для определенного свойства в […]